:root {
  color-scheme: dark;
  --cmo-bg: #030813;
  --cmo-bg-2: #061326;
  --cmo-navy: #0b2343;
  --cmo-navy-soft: #12345d;
  --cmo-panel: rgba(8, 25, 48, 0.78);
  --cmo-panel-solid: #091b32;
  --cmo-panel-light: rgba(15, 42, 75, 0.72);
  --cmo-gold: #d5aa45;
  --cmo-gold-2: #f1d38a;
  --cmo-gold-3: #9f7425;
  --cmo-ivory: #f7f2e8;
  --cmo-text: #eff4fb;
  --cmo-muted: #9daec3;
  --cmo-subtle: #6f829b;
  --cmo-line: rgba(213, 170, 69, 0.22);
  --cmo-line-soft: rgba(255, 255, 255, 0.09);
  --cmo-success: #4ade80;
  --cmo-warning: #fbbf24;
  --cmo-danger: #fb7185;
  --cmo-info: #60a5fa;
  --cmo-radius-xs: 0.55rem;
  --cmo-radius-sm: 0.8rem;
  --cmo-radius: 1.2rem;
  --cmo-radius-lg: 1.75rem;
  --cmo-radius-xl: 2.35rem;
  --cmo-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
  --cmo-shadow-soft: 0 16px 46px rgba(0, 0, 0, 0.28);
  --cmo-font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --cmo-font-brand: 'Cinzel', Georgia, serif;
  --cmo-font-body: 'Manrope', 'Segoe UI', Arial, sans-serif;
  --cmo-container: 1240px;
  --header-height: 82px;
}

@media (max-width: 900px) {
  :root { --header-height: 72px; }
}