/* ══════════════════════════════════════════════
   TOKENS v9 — Paper · Ink · Quiet
══════════════════════════════════════════════ */
:root {
  --white:     #faf9f6;
  --off-white: #f4f2ee;
  --surface:   #eceae4;
  --ink:       #141413;
  --ink-70:    rgba(20, 20, 19, 0.72);
  --ink-60:    rgba(20, 20, 19, 0.58);
  --ink-50:    rgba(20, 20, 19, 0.48);
  --ink-30:    rgba(20, 20, 19, 0.32);
  --ink-10:    rgba(20, 20, 19, 0.10);

  --dark-bg:      #111110;
  --dark-surface: #1a1a18;
  --dark-border:  rgba(250, 249, 246, 0.12);
  --light-border: rgba(20, 20, 19, 0.12);

  /* Orange only for high-intent keywords and the live build stage */
  --orange:        #e24e12;
  --orange-mid:    #ef6d24;
  --orange-light:  #f4a04a;
  --orange-soft:   rgba(226, 78, 18, 0.12);
  --orange-deep:   #c43d0a;
  --accent:        var(--orange);
  --accent-soft:   var(--orange-soft);
  --accent-2:      var(--orange);
  --accent-2-soft: var(--orange-soft);
  --accent-warm:   var(--orange);
  --accent-warm-soft: var(--orange-soft);

  --green:     #2f7a3e;
  --green-dim: rgba(47, 122, 62, 0.14);

  --neon:      var(--ink);
  --neon-dim:  var(--accent-soft);
  --neon-glow: none;

  --font: 'Outfit', system-ui, sans-serif;

  --fs-xs:      0.6875rem;
  --fs-sm:      0.875rem;
  --fs-base:    1.0625rem;
  --fs-md:      1.1875rem;
  --fs-lg:      1.375rem;
  --fs-xl:      1.75rem;
  --fs-2xl:     2.25rem;
  --fs-3xl:     clamp(2rem, 4vw, 3.25rem);
  --fs-display: clamp(2.4rem, 5.4vw, 4.25rem);

  --lh-none:  1;
  --lh-tight: 1.12;
  --lh-snug:  1.35;
  --lh-body:  1.65;

  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.5rem;
  --sp-6:  2rem;
  --sp-7:  3rem;
  --sp-8:  4.5rem;
  --sp-9:  6.5rem;
  --sp-10: 9rem;
  --page-x: clamp(1.4rem, 6vw, 5.5rem);
  --max-w: 1120px;

  --r-sm:   2px;
  --r-md:   4px;
  --r-lg:   6px;
  --r-xl:   8px;
  --r-2xl:  10px;
  --r-pill: 999px;

  --sh-sm: none;
  --sh-md: none;
  --sh-lg: none;
  --sh-xl: none;
  --sh-accent: none;

  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --dur-xs: 100ms;
  --dur-sm: 180ms;
  --dur-md: 320ms;
  --dur-lg: 520ms;
  --dur-xl: 700ms;
}