/*
  tokens.css — POLY Stress Test
  Fuente de verdad: 02_DA_v0.md (Lime)
  Nyx no toca estos valores — Lime los define.
*/

:root {

  /* ─── PALETA ─────────────────────────────────────────── */
  --color-bg:             #0D0E12;
  --color-surface:        #13151C;
  --color-accent:         #F5A623;
  --color-accent-dim:     #C47D0E;
  --color-text-primary:   #F0F0F2;
  --color-text-secondary: #8A8FA6;
  --color-border:         rgba(240, 240, 242, 0.08);
  --color-border-accent:  rgba(245, 166, 35, 0.25);
  --color-overlay:        rgba(13, 14, 18, 0.85);

  /* ─── TIPOGRAFÍA ─────────────────────────────────────── */
  --font-display: 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  /* Scale — fluid entre 375px y 1440px */
  --text-hero:    clamp(3rem, 7vw + 1rem, 7rem);
  --text-h1:      clamp(2.5rem, 5vw + 0.5rem, 5rem);
  --text-h2:      clamp(1.75rem, 3vw + 0.5rem, 3rem);
  --text-h3:      clamp(1.25rem, 2vw + 0.25rem, 2rem);
  --text-body-lg: 1.125rem;
  --text-body:    1rem;
  --text-small:   0.875rem;
  --text-mono:    0.8125rem;

  /* Weights */
  --weight-regular:   400;
  --weight-semibold:  600;
  --weight-extrabold: 800;

  /* Tracking */
  --tracking-tight:  -0.04em;
  --tracking-snug:   -0.02em;
  --tracking-normal:  0em;
  --tracking-wide:    0.08em;

  /* Leading */
  --leading-tight:  1.1;
  --leading-snug:   1.25;
  --leading-normal: 1.6;

  /* ─── MOTION ─────────────────────────────────────────── */
  --ease-out-strong:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart:    cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo:     cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);

  --dur-instant: 80ms;
  --dur-fast:    180ms;
  --dur-base:    240ms;
  --dur-reveal:  500ms;
  --dur-feature: 600ms;

  --stagger-tight: 40ms;
  --stagger-loose: 60ms;

  /* ─── SPACING (8pt grid) ─────────────────────────────── */
  --space-1:  0.5rem;
  --space-2:  1rem;
  --space-3:  1.5rem;
  --space-4:  2rem;
  --space-6:  3rem;
  --space-8:  4rem;
  --space-12: 6rem;
  --space-16: 8rem;
  --space-24: 12rem;

  /* ─── LAYOUT ─────────────────────────────────────────── */
  --max-width:     1280px;
  --content-width: 720px;
  --gutter:        clamp(1.5rem, 5vw, 4rem);

  /* ─── BORDER RADIUS ──────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* ─── SHADOWS ────────────────────────────────────────── */
  --shadow-sm:     0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md:     0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-accent: 0 0 20px rgba(245, 166, 35, 0.15);
}