:root {
  --bg-deep: #0E1116;
  --bg-surface: #1A1F2B;
  --bg-elevated: #222935;
  --bg-overlay: rgba(14, 17, 22, 0.85);
  --border: #2D3544;
  --border-strong: #3D475A;

  --text-primary: #E8E6E1;
  --text-muted: #8B93A3;
  --text-dim: #5A6171;

  --accent: #4FB3BF;
  --accent-hover: #6FC9D4;
  --accent-glow: rgba(79, 179, 191, 0.2);
  --accent-soft: rgba(79, 179, 191, 0.08);

  --signal: #E94B1A;
  --signal-hover: #FF5E2E;
  --success: #6BB77B;

  --font-he: "Heebo", "Assistant", system-ui, -apple-system, sans-serif;
  --font-en: "Inter", system-ui, -apple-system, sans-serif;
  --font-display: "Space Grotesk", var(--font-en);
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.5rem;
  --fs-4xl: 3.5rem;
  --fs-5xl: 4.5rem;

  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-normal: 1.6;
  --lh-relaxed: 1.75;

  --ls-tight: -0.02em;
  --ls-wide: 0.08em;
  --ls-wider: 0.16em;

  --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: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  --radius-sm: 2px;
  --radius: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  --container: 1280px;
  --container-narrow: 960px;
  --container-wide: 1440px;

  --header-h: 72px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 24px var(--accent-glow);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --dur-fast: 180ms;
  --dur: 280ms;
  --dur-slow: 600ms;

  --z-base: 1;
  --z-sticky: 50;
  --z-overlay: 80;
  --z-drawer: 90;
  --z-modal: 100;
}