/* Design tokens. Fuente: ajustes globales de Elementor en wttc.creativia.es. */
:root {
  /* Color: marca */
  --color-navy: #151B34;       /* primary */
  --color-cream: #F3F0E7;      /* secondary */
  --color-teal: #5AB0B7;       /* accent */
  /* Color: apoyo */
  --color-green: #84BE93;
  --color-purple: #A0829F;
  --color-terracotta: #CC8767;
  --color-peach: #F9D6B9;
  --color-sand: #D1CFC8;
  --color-grey: #EBEBEB;
  --color-ink: #252525;
  --color-black: #000;
  --color-white: #fff;

  /* Color: acentos de campaña post-Summit (tomados del diseño de Nuria) */
  --youth-green: #53B848;
  --youth-teal: #3FA099;
  --youth-blue: #118ACB;
  --youth-yellow: #F9C931;

  /* Color: semántico */
  --bg: var(--color-white);
  --bg-alt: var(--color-cream);
  --bg-dark: var(--color-navy);
  --fg: var(--color-black);
  --fg-muted: rgba(0, 0, 0, .62);
  --fg-on-dark: var(--color-white);
  --fg-on-dark-muted: rgba(255, 255, 255, .68);
  --line: var(--color-sand);
  --line-on-dark: rgba(255, 255, 255, .18);
  --link: var(--color-navy);
  --focus: var(--color-teal);
  --danger: #b42318;

  /* Tipografía */
  --font-display: "Libre Bodoni", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-display: clamp(2.75rem, 7vw, 4.625rem);   /* 74px */
  --fs-h1: clamp(2.25rem, 5vw, 3.25rem);         /* 52px */
  --fs-h2: clamp(1.875rem, 4vw, 2.625rem);       /* 42px */
  --fs-h3: clamp(1.5rem, 3vw, 2rem);             /* 32px */
  --fs-h4: 1.5rem;                               /* 24px */
  --fs-h5: 1.25rem;                              /* 20px */
  --fs-body: 1rem;                               /* 16px */
  --fs-lead: 1.0625rem;                          /* 17px */
  --fs-small: .9375rem;                          /* 15px */
  --fs-label: .75rem;                            /* 12px */

  --lh-tight: 1.1;
  --lh-body: 1.5;
  --ls-body: -.2px;
  --ls-label: .5px;

  /* Espaciado */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;

  /* Layout y forma */
  --container: 1240px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --radius: 4px;
  --shadow: 0 6px 24px rgba(21, 27, 52, .12);
}