:root {
  color-scheme: light;

  --bs3-midnight: #060b1e;
  --bs3-navy: #091540;
  --bs3-cobalt: #0a2472;
  --bs3-electric: #1557e8;
  --bs3-steel: #7a8db0;
  --bs3-cloud: #c2cede;
  --bs3-mist: #e5eaf5;
  --bs3-snow: #f1f4fb;
  --bs3-white: #fafcff;
  --bs3-gold: #c9a44a;
  --bs3-gold-light: #edd98a;

  --color-background: var(--bs3-snow);
  --color-surface: var(--bs3-white);
  --color-surface-muted: #f7f9fe;
  --color-border: var(--bs3-mist);
  --color-text: var(--bs3-midnight);
  --color-text-muted: #3a4f82;
  --color-text-subtle: var(--bs3-steel);
  --color-primary: var(--bs3-cobalt);
  --color-primary-hover: var(--bs3-navy);
  --color-accent: var(--bs3-electric);
  --color-premium: var(--bs3-gold);
  --color-success-bg: #e8f5ee;
  --color-success-text: #14523c;
  --color-warning-bg: #fff5dc;
  --color-warning-text: #684710;
  --color-danger-bg: #fde9e9;
  --color-danger-text: #8a1f1f;

  --font-sans: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-soft: 0 10px 24px rgba(6, 11, 30, 0.06);
  --shadow-card: 0 18px 42px rgba(6, 11, 30, 0.08);

  --container-width: 1180px;
  --space-page-y: 48px;
}