/* ============================================================
   01 · TOKENS — fuentes + variables de diseño
   Cambia poco. Cárgalo primero en todas las páginas.
   ============================================================ */

/* === NEUE HAAS GROTESK DISPLAY PRO (WOFF2) === */
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../../fonts/NeueHaasDisplayRoman.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../../fonts/NeueHaasDisplayRomanItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../../fonts/NeueHaasDisplayMediu.woff2') format('woff2');
  font-weight: 500 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../../fonts/NeueHaasDisplayMediumItalic.woff2') format('woff2');
  font-weight: 500 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../../fonts/NeueHaasDisplayBlack.woff2') format('woff2');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('../../fonts/NeueHaasDisplayBlackItalic.woff2') format('woff2');
  font-weight: 700 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Color */
  --ink: #f0ede6;
  --ink-dim: rgba(240,237,230,0.55);
  --ink-faint: rgba(240,237,230,0.2);
  --bg: #0a0a0a;
  --bg2: #111111;
  --bg3: #161616;
  --gold: #E8B73A;
  --gold-warm: #f5c84a;
  --pink: #E8458F;
  --green: #4ADE80;
  --border: rgba(240,237,230,0.08);
  --border-strong: rgba(240,237,230,0.13);
  --border-focus: rgba(232,183,58,0.5);

  /* Tipografía — una sola familia, distintos roles */
  --font-display: 'Neue Haas Grotesk Display Pro', sans-serif;
  --font-body: 'Neue Haas Grotesk Display Pro', sans-serif;
  --font-mono: 'Neue Haas Grotesk Display Pro', sans-serif;

  /* Escala tipográfica fluida (ver utilidades .t-* en 02-base.css) */
  --t-display-xl: clamp(45px, 7.2vw, 112px);
  --t-display-l:  clamp(40px, 5.5vw, 96px);
  --t-display-m:  clamp(32px, 3.8vw, 60px);
  --t-h2:         clamp(34px, 3.5vw, 52px);
  --t-h3:         clamp(20px, 1.6vw, 24px);
  --t-stat:       42px;
  --t-body-lg:    17px;
  --t-body:       16px;
  --t-body-sm:    14px;
  --t-caption:    13px;
  --t-micro:      11px;
  --t-nano:       9px;

  /* Movimiento + layout */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --max: 1400px;
}