:root {
  --bg: #050507;
  --bg-elev: #0c0c10;
  --fg: #f4f0ff;
  --muted: rgba(244, 240, 255, 0.55);
  --dim: rgba(244, 240, 255, 0.3);
  --line: rgba(244, 240, 255, 0.09);
  --line-strong: rgba(244, 240, 255, 0.18);
  --accent: #a78bfa;
  --accent-deep: #7c3aed;
  --hot: #fb7185;
  --ok: #34d399;

  --sans: "Instrument Sans", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;

  --text-xs: clamp(10px, 0.7vw, 11px);
  --text-sm: clamp(12px, 0.9vw, 13px);
  --text-base: clamp(15px, 1.05vw, 17px);
  --text-md: clamp(18px, 1.4vw, 22px);
  --text-lg: clamp(28px, 3.2vw, 40px);
  --text-xl: clamp(40px, 6vw, 72px);
  --text-hero: clamp(3.2rem, 12vw, 9.5rem);

  --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;

  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 28px;
  --r-xl: 40px;
  --r-full: 999px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --dur-micro: 140ms;
  --dur-ui: 280ms;
  --dur-section: 900ms;

  --sh-soft: 0 12px 40px rgba(0, 0, 0, 0.35);
  --sh-glow: 0 0 80px rgba(124, 58, 237, 0.35);

  --max: 1280px;
  --pad-x: clamp(1.25rem, 5vw, 4rem);
  --pad-sec: clamp(6rem, 14vh, 10rem);
  --header-h: 72px;
}