/* ============================================================
   PROTEIN KITCHEN — TOKENS
   Única fuente de verdad de color, tipografía y ritmo.
   Ningún componente escribe un hex a mano.

   PALETA: los hex son los de la marca, sin cambios.
   Lo que cambia es el ROL que cumple cada uno.
   ============================================================ */

:root {
  /* ---------- Fondo y superficie ---------- */
  --bg:              #15130F;   /* antes --black */
  --surface:         #1F1C16;   /* antes --black-soft */

  /* ---------- Texto ---------- */
  --text:            #EDE8DD;   /* antes --bone */
  --text-muted:      #B8B2A3;   /* antes --bone-dim */

  /* ---------- Estructura: bordes de 1px, nunca sombras ---------- */
  --border:          rgba(237, 232, 221, 0.12);   /* antes --line */
  --border-strong:   rgba(237, 232, 221, 0.24);   /* mismo hueso, más opaco */

  /* ---------- Acento ÚNICO ---------- */
  --accent:          #F2960A;   /* antes --terracotta */
  --accent-press:    #D17F00;   /* antes --terracotta-dark — solo hover/active */
  --on-accent:       #15130F;   /* texto sobre acento (contraste 8.08 AA) */

  /* ---------- Estado (no decorativo) ---------- */
  --state-ok:        #4C7A5E;   /* antes --olive-light — SOLO punto o borde */

  /* ---------- Definidos, sin rol en esta landing ---------- */
  --amber:           #D9A23B;
  --olive:           #3D4A35;

  /* ---------- Marca hermana Gainz — fuera de la landing de PK ---------- */
  --gainz:           #FFC929;
  --gainz-press:     #E8B400;
  --gainz-bg:        #161310;

  /* ---------- Tipografía ---------- */
  --font-brand: 'Anton', 'Archivo', system-ui, sans-serif;      /* solo titulares grandes */
  --font-ui:    'Archivo', system-ui, -apple-system, sans-serif; /* variable 100–900 */
  --font-data:  'Spline Sans Mono', ui-monospace, SFMono-Regular, monospace;

  /* Escala — móvil primero, fluida hacia escritorio */
  --t-brand:  clamp(2.65rem, 10.5vw, 5rem);
  --t-h2:     clamp(1.45rem, 5vw, 2.1rem);
  --t-h3:     clamp(1rem, 2.6vw, 1.15rem);
  --t-body:   1.1rem;
  --t-small:  0.9rem;
  --t-micro:  0.75rem;
  --t-data:   clamp(1.75rem, 7.5vw, 2.75rem);   /* números protagonistas */
  --t-data-s: clamp(1.2rem, 4.4vw, 1.55rem);

  --track-tight: -0.03em;
  --track-label:  0.16em;
  --leading-tight: 1.02;
  --leading-body:  1.62;

  /* ---------- Ritmo vertical ---------- */
  --s1: .25rem;  --s2: .5rem;   --s3: .75rem;  --s4: 1rem;
  --s5: 1.5rem;  --s6: 2rem;    --s7: 3rem;    --s8: 4rem;
  --section-y: clamp(3.5rem, 9vw, 6.5rem);

  /* ---------- Geometría: wireframe estructurado ---------- */
  --rule: 1px;
  --radius: 0;            /* sin esquinas redondeadas */
  --wrap: 1180px;
  --gutter: clamp(1rem, 4vw, 2.25rem);
  --measure: 62ch;
}