/* VALGO - Design tokens corregidos v2.0.3 */
:root {
  --valgo-green: #163328;
  --valgo-ivory: #F5EEE6;
  --valgo-black: #111111;
  --valgo-graphite: #333333;
  --valgo-gold: #C6A164;
  --valgo-stone: #9D9C9F;
  --valgo-white: #FFFFFF;

  --valgo-font-display: "EB Garamond", Georgia, "Times New Roman", serif;
  --valgo-font-ui: Inter, Arial, Helvetica, sans-serif;

  --valgo-radius-sm: 8px;
  --valgo-radius-md: 16px;
  --valgo-radius-lg: 24px;
  --valgo-radius-pill: 999px;
  --valgo-shadow-soft: 0 14px 40px rgba(17, 17, 17, 0.08);
}

.valgo-logo-header {
  display: block;
  width: clamp(150px, 16vw, 245px);
  height: auto;
}

.valgo-button-primary {
  background: var(--valgo-green);
  color: white;
  border: 1px solid var(--valgo-green);
  border-radius: var(--valgo-radius-pill);
  padding: 12px 24px;
  font-family: var(--valgo-font-ui);
  font-weight: 600;
}

.valgo-button-primary:hover {
  background: var(--valgo-black);
  border-color: var(--valgo-black);
}

body {
  background: var(--valgo-ivory);
  color: var(--valgo-black);
  font-family: var(--valgo-font-ui);
}

h1, h2, h3 {
  font-family: var(--valgo-font-display);
  color: var(--valgo-green);
}