:root {
  --accent: #cc0011;
  --accent-bright: #ff2a3d;
  --accent-glow: rgba(255, 42, 61, 0.45);
  --accent-dim: rgba(204, 0, 17, 0.12);
  --accent-border: rgba(255, 60, 80, 0.35);

  --bg: #030304;
  --bg-elevated: rgba(255, 255, 255, 0.04);
  --bg-card: rgba(255, 255, 255, 0.06);
  --bg-glass: rgba(12, 10, 12, 0.72);

  --glass-surface: rgba(255, 255, 255, 0.06);
  --glass-surface-strong: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-border-strong: rgba(255, 255, 255, 0.18);
  --glass-blur: blur(48px) saturate(160%);
  --glass-shadow:
    0 4px 24px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset;

  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);

  --text: rgba(255, 255, 255, 0.92);
  --text-muted: rgba(255, 255, 255, 0.55);
  --text-faint: rgba(255, 255, 255, 0.32);
  --white: #ffffff;

  --font-display: "Instrument Serif", Georgia, serif;
  --font-body:
    "Outfit",
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text",
    "Segoe UI",
    system-ui,
    sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --nav-h: 72px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --radius: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-glow: 0 24px 64px rgba(0, 0, 0, 0.55);
}