:root {
  --bg: #0f0e17;
  --bg-2: #16151f;
  --bg-3: #1e1c2a;
  --border: #2a2838;
  --border-2: #3a3850;
  --text-primary: #fffce8;
  --text-secondary: #b8b4d0;
  --text-dim: #6b6880;
  --amber: #fbbf24;
  --amber-light: #fde68a;
  --amber-dim: #78530a;
  --amber-bg: rgba(251, 191, 36, 0.10);
  --amber-bg-2: rgba(251, 191, 36, 0.05);
  --violet: #7c3aed;
  --violet-light: #a78bfa;
  --green: #10b981;
  --red: #ef4444;

  --bg-nav: rgba(15, 14, 23, 0.90);
  --violet-blob: rgba(124, 58, 237, 0.12);
  --amber-blob: rgba(251, 191, 36, 0.08);
  --shadow-overlay: rgba(0, 0, 0, 0.40);
  --shadow-overlay-heavy: rgba(0, 0, 0, 0.50);
  --ring-amber-soft: rgba(251, 191, 36, 0.15);
  --ring-amber-card: rgba(251, 191, 36, 0.12);
  --amber-border-soft: rgba(251, 191, 36, 0.25);
  --amber-border-hook: rgba(251, 191, 36, 0.20);
  --red-border-soft: rgba(239, 68, 68, 0.30);

  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-serif: 'Fraunces', serif;
  --font-mono: 'JetBrains Mono', monospace;

  --text-xs: clamp(11px, 1vw, 15px);
  --text-sm: clamp(13px, 1.2vw, 17px);
  --text-base: clamp(15px, 1.5vw, 21px);
  --text-md: clamp(18px, 1.9vw, 26px);
  --text-lg: clamp(22px, 2.5vw, 36px);
  --text-xl: clamp(30px, 4vw, 56px);
  --text-2xl: clamp(44px, 6vw, 84px);
  --text-3xl: clamp(60px, 9vw, 128px);
  --text-card-number: clamp(64px, 9vw, 120px);

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;

  --touch-min: 72px;
  --touch-md: 88px;
  --touch-lg: 112px;

  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 40px;
  --r-full: 9999px;

  --t-fast: 140ms;
  --t-base: 260ms;
  --t-slow: 480ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1);

  --line-tight: 1;
  --line-snug: 1.25;
  --line-body: 1.6;
  --line-relaxed: 1.7;
  --line-loose: 1.85;
  --line-heading-home: 0.95;

  --ls-tight: -0.5px;
  --ls-tighter: -1px;
  --ls-title: -2px;
  --ls-card-number: -4px;
  --ls-soft: -0.3px;
  --ls-subtle: -0.2px;
  --ls-wide: 0.5px;
  --ls-mono: 1px;
  --ls-mono-2: 2px;
  --ls-mono-3: 3px;
  --ls-mono-4: 4px;

  --border-thin: 1px;
  --border-mid: 1.5px;
  --indicator-width: 3px;

  --noise-opacity: 0.03;
  --blur-strong: 24px;
  --blur-blob: 80px;
  --dot-size: 7px;
  --dot-size-hooks: 6px;
  --icon-size-sm: 20px;
  --icon-size-md: 36px;
  --pill-icon: 44px;
  --toggle-size: 36px;
  --hook-close-label-gap: 2px;

  --blob-size-lg: 500px;
  --blob-size-md: 400px;
  --blob-shift-top: -100px;
  --blob-shift-left: -100px;
  --blob-shift-bottom: -100px;
  --blob-shift-right: -50px;

  --content-max-home: 760px;
  --content-max-home-xl: 1000px;
  --content-max-inner: 1100px;
  --content-max-inner-xl: 1400px;
  --content-max-sub: 500px;
  --content-max-hooks: 860px;

  --topic-card-min: 220px;
  --topic-grid-min: 280px;
  --topic-grid-max: 360px;
  --sim-btn-min-width: 140px;
  --sim-placeholder-size: 100px;
}