/* ============================================
   DESIGN TOKENS — Celestial Astrology
   Fusion of Celestial Noir + Cosmic Wheel
   ============================================ */

:root {
  /* Backgrounds */
  --color-bg-primary: #0d1117;
  --color-bg-deep: #0a0a0a;
  --color-bg-surface: #161b22;
  --color-bg-surface-hover: #1c2129;
  --color-bg-card: rgba(201, 169, 110, 0.03);
  --color-bg-card-hover: rgba(201, 169, 110, 0.07);

  /* Gold palette */
  --color-gold: #d4c5a9;
  --color-gold-bright: #c9a96e;
  --color-gold-dim: rgba(201, 169, 110, 0.4);
  --color-gold-ghost: rgba(201, 169, 110, 0.15);
  --color-gold-border: rgba(201, 169, 110, 0.15);
  --color-gold-border-hover: rgba(201, 169, 110, 0.5);
  --color-gold-glow: rgba(201, 169, 110, 0.3);

  /* Text */
  --color-text: #e8e0d4;
  --color-text-muted: #7a7060;
  --color-text-dim: #5a5040;
  --color-text-bright: #f5f0e8;

  /* Element colors */
  --color-fire: #ef4444;
  --color-earth: #84cc16;
  --color-air: #fbbf24;
  --color-water: #3b82f6;

  /* Aspect colors */
  --color-conjunction: #9333ea;
  --color-sextile: #22c55e;
  --color-square: #ef4444;
  --color-trine: #3b82f6;
  --color-opposition: #f97316;
  --color-quincunx: #a855f7;

  /* Typography */
  --font-display: 'Poiret One', sans-serif;
  --font-heading: 'Cinzel', serif;
  --font-body: 'Josefin Sans', sans-serif;
  --font-reading: 'Cormorant Garamond', 'Georgia', serif;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 60px;
  --space-3xl: 80px;
  --space-4xl: 100px;

  /* Sizing */
  --nav-height: 72px;
  --max-width: 1280px;
  --gold-line-left: 60px;

  /* Transitions */
  --ease-out-expo: cubic-bezier(0.23, 1, 0.32, 1);
  --duration-fast: 0.3s;
  --duration-normal: 0.5s;
  --duration-slow: 0.8s;

  /* Borders */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --border-subtle: 1px solid var(--color-gold-border);
}