/* Design Tokens – Centralized CSS Variables */
:root {
  /* Core brand palette */
  --color-primary: #03070D;
  --color-accent: #C88D3D;
  --color-bg-light: #03070D;
  --color-bg-dark: #03070D;
  --color-surface-light: rgba(8, 16, 27, 0.94);
  --color-surface-dark: rgba(5, 12, 21, 0.97);
  --color-text-light: #F7F0E5;
  --color-text-dark: #F7F0E5;
  --color-text-muted: rgba(247, 240, 229, 0.70);

  /* Runtime typography */
  --font-base: 'Manrope', system-ui, sans-serif;
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  /* Spacing scale */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  /* Border radius */
  --radius-sm: 0.2rem;
  --radius-md: 0.35rem;
  --radius-lg: 0.5rem;
}

/* Bridge aliases for legacy components */
:root {
  --primary-navy: var(--color-primary);
  --primary-black: var(--color-primary);
  --primary-white: var(--color-text-light);
  --accent-gold: var(--color-accent);
  --accent-gold-soft: rgba(200, 141, 61, 0.22);
  --dark-bg: var(--color-bg-dark);
  --surface: #07111E;
  --surface-elevated: #0B1628;
  --surface-soft: rgba(248, 244, 234, 0.06);
  --border-light: rgba(200, 141, 61, 0.24);
  --text-dark: var(--color-text-light);
  --text-ivory: var(--color-text-light);
  --shadow-soft: 0 22px 44px rgba(0, 0, 0, 0.36);
  --shadow-strong: 0 34px 88px rgba(0, 0, 0, 0.48);
  --font-display: var(--font-heading);
  --text-main: var(--color-text-light);
  --text-muted: var(--color-text-muted);
}