/* Design tokens — Somos Genios / Fundación Geniotipo (from wordpress-template-somosgenios 01-base.css) */

:root {
  --color-primary: #5ebb95;
  --color-primary-rgb: 94, 187, 149;
  --color-secondary: #232421;
  --color-text: #232421;
  --color-text-alt: #000000;
  --color-text-light: #64748b;
  --color-text-on-dark: #ffffff;
  --color-bg: #ffffff;
  --color-bg-alt: #f8fafc;
  --color-section-orange: #db4a2c;
  --color-button-secondary-bg: #e8e8e8;
  --color-button-secondary-text: #232421;
  --color-card-border: #5ebb95;
  --color-border: #e2e8f0;
  --color-hero-teal: #60b69f;
  --color-accent-red: #d6543b;
  --color-ov-hero-bg: #72b496;
  --color-page-bg-soft-grey: #f2f2f2;
  --color-primary-alpha-15: rgba(94, 187, 149, 0.15);
  --color-primary-alpha-24: rgba(94, 187, 149, 0.24);
  --color-primary-alpha-26: rgba(94, 187, 149, 0.26);
  --section-padding-y: calc(var(--spacing-unit) * 4);

  --font-display: "Old Standard TT", Georgia, "Times New Roman", serif;
  --font-body: "Aileron", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-nav: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans: var(--font-body);
  --font-serif: var(--font-display);

  --font-display-size: 32px;
  --font-display-line-height: 1.1;
  --font-display-letter-spacing: -0.02em;
  --font-body-size: 16px;
  --font-body-size-small: 14px;
  --font-nav-size: 16px;
  --font-quote-size: 24px;
  --font-section-title-size: var(--font-display-size);
  --font-card-title-size: 26px;
  --font-stat-jumbo-size: 2.75rem;
  --font-step-index-size: 2.25rem;

  --font-button-text-size: 18px;
  --button-primary-height: 44px;
  --button-primary-padding-x: 32px;
  --button-primary-padding-y: 20px;
  --button-primary-radius: 50px;
  --button-primary-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

  --container-max: 100%;
  --content-padding-x: 20px;
  --spacing-unit: 1rem;
  --border-radius: 8px;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.08);
}

@media (min-width: 768px) {
  :root {
    --font-display-size: 40px;
    --font-body-size: 17px;
    --font-body-size-small: 15px;
    --font-nav-size: 16px;
    --font-quote-size: 26px;
    --font-card-title-size: 30px;
    --font-stat-jumbo-size: 3.75rem;
    --font-step-index-size: 3.5rem;
    --button-primary-height: 52px;
    --container-max: 720px;
    --content-padding-x: 24px;
  }
}

@media (min-width: 1024px) {
  :root {
    --font-display-size: 48px;
    --font-display-line-height: 1.12;
    --font-body-size: 18px;
    --font-body-size-small: 16px;
    --font-nav-size: 16px;
    --font-quote-size: 30px;
    --font-card-title-size: 32px;
    --font-stat-jumbo-size: 4.25rem;
    --font-step-index-size: 4rem;
    --button-primary-height: 52px;
    --container-max: 1220px;
    --content-padding-x: 32px;
  }
}