/* ============================================================
   RESURGAM · TOKENS
   Única fuente de verdad del sistema visual.
   Cambiar un valor aquí lo cambia en TODA la web.
   No escribas colores ni tamaños "a pelo" en el resto de CSS.
   ============================================================ */

:root {
  /* ---- Color ---- */
  --black:        #0a0a0a;
  --black-2:      #111111;
  --black-3:      #171717;
  --red:          #E01B1B;
  --red-dark:     #b81515;
  --white:        #ffffff;
  --gray:         #8a8a8a;
  --gray-light:   #c0c0c0;
  --border:       rgba(255, 255, 255, 0.08);
  --border-strong:rgba(255, 255, 255, 0.16);

  /* ---- Tipografía ---- */
  --font-display:  'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-utility:  'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body:     'Barlow', system-ui, sans-serif;
  --font-serif:    Georgia, 'Times New Roman', serif;

  --fs-eyebrow:   12px;
  --fs-small:     13px;
  --fs-body:      16px;
  --fs-lead:      18px;
  --fs-h3:        clamp(20px, 2.4vw, 26px);
  --fs-h2:        clamp(32px, 6vw, 62px);
  --fs-h1:        clamp(44px, 9vw, 104px);

  --ls-wide:      0.12em;
  --ls-wider:     0.2em;

  /* ---- Ritmo vertical y anchos ---- */
  --gutter:       24px;
  --gutter-lg:    32px;
  --section-y:    clamp(64px, 10vw, 128px);
  --maxw:         1200px;
  --maxw-text:    680px;

  /* ---- Otros ---- */
  --radius:       0px;          /* la marca no usa esquinas redondeadas */
  --t-fast:       0.18s ease;
  --t-med:        0.3s ease;

  /* ---- Textura de grano (heredada de la landing) ---- */
  --grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
}