:root {
  --color-light: #ffffff;
  --color-dark: #0A1D34;
  --color-accent: #c4ac12;
  --bg-base: #0A1D34;
  --bg-surface: #17293f;
  --bg-surface-hover: #25364a;
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.6);
  --brand-primary: #c4ac12;
  --brand-secondary: #ffffff;
  --brand-accent: #c4ac12;
  --border-subtle: rgba(255, 255, 255, 0.12);
  --hover-light: rgba(255, 255, 255, 0.05);
  --border-strong: rgba(255, 255, 255, 0.25);
  --chrome-bg: #0A1D34;
  --chrome-bg-glass: rgba(10, 29, 52, 0.72);
  --chrome-fg: #ffffff;
  --chrome-fg-muted: rgba(255, 255, 255, 0.62);
  --chrome-border: rgba(255, 255, 255, 0.14);
  --chrome-hover: rgba(255, 255, 255, 0.06);
  --background: 213 68% 12%;
  --foreground: 0 0% 100%;
  --card: 213 47% 17%;
  --card-foreground: 0 0% 100%;
  --popover: 213 47% 17%;
  --popover-foreground: 0 0% 100%;
  --primary: 52 83% 42%;
  --primary-foreground: 213 68% 12%;
  --secondary: 213 30% 24%;
  --secondary-foreground: 0 0% 100%;
  --muted: 213 30% 24%;
  --muted-foreground: 213 10% 63%;
  --accent: 213 30% 24%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 70% 50%;
  --destructive-foreground: 0 0% 98%;
  --border: 213 24% 28%;
  --input: 213 24% 28%;
  --ring: 52 83% 42%;
  --radius-base: 10px;
  --radius: 10px;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Outfit", system-ui, -apple-system, sans-serif;
  --hero-image: url("/api/media/file/media/branding/6c5e75df56d54f98af882a0d40189b0e.jpg");
}