/* =====================================================
   Inciso — Design tokens
   ===================================================== */

:root {
  /* COLOR */
  --ink:        #0E1116;
  --ink-soft:   #2A3038;
  --paper:      #F4F1EA;
  --paper-2:    #EDE8DC;
  --orange:     #FF5722;
  --mute:       #8A8578;
  --line:       rgba(14, 17, 22, 0.12);

  /* TIPOGRAFÍA — sistema mixto Geist + Newsreader */
  --font-display: 'Newsreader', Georgia, serif;
  --font-body:    'Newsreader', Georgia, serif;
  --font-sans:    'Geist', -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* PESOS */
  --w-light:    300;
  --w-regular:  400;
  --w-medium:   500;
  --w-semi:     600;

  /* TRACKING */
  --t-tight:  -0.02em;
  --t-normal: 0;
  --t-wide:   0.15em;
  --t-mono:   0.18em;

  /* ESPACIADO */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;
  --s-9:  96px;
  --s-10: 128px;

  /* ESCALA TIPOGRÁFICA */
  --type-eyebrow:  11px;
  --type-caption:  13px;
  --type-body:     17px;
  --type-body-lg:  19px;
  --type-h3:       clamp(20px, 2vw, 24px);
  --type-h2:       clamp(28px, 3.5vw, 38px);
  --type-h1:       clamp(40px, 6vw, 76px);

  /* RADIOS */
  --r-sm: 4px;
  --r-md: 8px;

  /* TRANSICIONES */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --d-fast: 150ms;
  --d-base: 250ms;
  --d-slow: 400ms;
}