/* ============================================================
   FitEvents · TOKENS DE MARCA
   El Manual de Identidad Corporativa v1.0 traducido a CSS.
   ESTA ES LA UNICA FUENTE DE VERDAD: si cambia la marca, se
   cambia aqui y cambia toda la web de golpe.
   No escribas un HEX suelto en ningun otro fichero.
   ============================================================ */

:root{

  /* ---------- 03 · COLOR ------------------------------------
     Reparto 60 / 30 / 10 (manual, pag. 13):
       60% Crudo + Grafito · 30% Arena · 10% acentos
       (6% Malva · 2.5% Salvia · 1.5% Arcilla)
     Texto siempre en grafito o crudo sobre los pastel.
     Nunca color sobre color.
     ------------------------------------------------------- */

  /* Bases y neutros */
  --cream:#FBF8F2;              /* Base · Crudo        RGB 251 248 242 */
  --paper:#F1E8D9;              /* Neutro · Arena      RGB 241 232 217 */
  --ink:#2E2A24;                /* Base · Grafito calido — nunca #000 */
  --ink-soft:#6E6255;           /* Texto secundario */
  --ink-faint:#A69A8A;          /* Texto terciario / captions */

  /* Primario · Malva — rosa empolvado. El acento que identifica la marca */
  --malva:#C99A85;              /* HEX #C99A85 · CMYK 0 23 34 21 */
  --malva-dark:#A16F58;         /* Version texto / trazo */
  --malva-tint:#F3E4DA;         /* Version fondo */

  /* Secundario · Salvia — verde apagado, natural y unisex. Uso puntual */
  --salvia:#A9AD8E;             /* HEX #A9AD8E · CMYK 2 0 18 32 */
  --salvia-dark:#767C5C;
  --salvia-tint:#ECEEE0;

  /* Terciario · Arcilla — terracota suave, lo artesanal y cercano */
  --arcilla:#C7A17C;            /* HEX #C7A17C · CMYK 0 19 38 22 */
  --arcilla-dark:#8F7050;
  --arcilla-tint:#F1E2D0;

  /* Alias internos del manual: Coral = Malva · Lime = Salvia · Volt = Arcilla */
  --coral:var(--malva);      --coral-dark:var(--malva-dark);   --coral-tint:var(--malva-tint);
  --lime:var(--salvia);      --lime-dark:var(--salvia-dark);   --lime-tint:var(--salvia-tint);
  --volt:var(--arcilla);     --volt-dark:var(--arcilla-dark);  --volt-tint:var(--arcilla-tint);

  /* Trazos y sombra */
  --line:rgba(46,42,36,.14);
  --line-soft:rgba(46,42,36,.08);
  --shadow:0 12px 34px rgba(46,42,36,.10);

  /* Sobre fondo grafito */
  --on-ink:var(--cream);
  --on-ink-soft:rgba(251,248,242,.75);
  --on-ink-faint:rgba(251,248,242,.55);
  --on-ink-line:rgba(251,248,242,.22);
  --on-ink-fill:rgba(251,248,242,.08);

  /* ---------- 04 · TIPOGRAFIA -------------------------------
     Familia unica FE Sans (Poppins). El contraste lo da el peso
     (Light <-> Medium) y las mayusculas espaciadas, no mezclar
     tipografias. Sin cursiva, sin condensada.
     Escala del manual: H1 Light 56 · H2 Medium 32 · H3 Medium 20
                        Body Regular 14 · Caption tracked 10
     En web se sirve fluida con clamp() partiendo de esa escala.
     ------------------------------------------------------- */
  --font-sans:'FE Sans', Arial, Helvetica, sans-serif;

  --fw-light:300;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;

  --fs-h1:clamp(36px,5.6vw,62px);
  --fs-h2:clamp(26px,3.8vw,40px);
  --fs-h3:22px;
  --fs-body:16px;
  --fs-small:13.5px;
  --fs-caption:11.5px;

  --lh-tight:1.12;              /* titulares */
  --lh-body:1.6;                /* texto corrido */

  --track-tight:-.01em;         /* titulares */
  --track-wordmark:.14em;       /* logotipo: interletrado abierto +14% */
  --track-caption:.16em;        /* eyebrows y captions en mayusculas */

  /* ---------- FORMA Y RITMO ---------------------------------
     Esquinas generosas y redondeadas: la marca es calma, no filo.
     ------------------------------------------------------- */
  --radius-sm:12px;
  --radius:18px;
  --radius-md:22px;
  --radius-lg:24px;
  --radius-pill:99px;

  --wrap:1080px;                /* ancho maximo de contenido */
  --gutter:24px;                /* margen lateral */
  --section-y:88px;             /* aire vertical entre secciones */
  --section-y-sm:64px;          /* idem en movil */
}