:root {
  /* Brand Colors */
  --obsidian: #0A0A0A;
  --obsidian-2: #111111;
  --obsidian-3: #1A1A1A;
  --obsidian-4: #242424;
  --carbon: #2B2B2B;
  --gold: #D4AF37;
  --gold-light: #E0C050;
  --gold-dim: #D4AF3766;
  --gold-subtle: #D4AF3718;
  --cobalt: #1E7FD8;
  --cobalt-dim: #1E7FD840;
  --cobalt-subtle: #1E7FD815;
  --ivory: #F3F1E5;
  --ivory-dim: #F3F1E580;
  --smoke: #888888;
  --smoke-dim: #55555580;

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* Layout */
  --max-width: 1200px;
  --nav-height: 72px;

  /* Transitions */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --dur-fast: 150ms;
  --dur-mid: 300ms;
  --dur-slow: 600ms;
  --dur-xslow: 1000ms;
}