:root {
    --color-primary: #d97706;
    --color-primary-dark: #b45309;
    --color-accent: ;
    --color-bg: #0f172a;
    --color-surface: #1e293b;
    --color-text-primary: #f8fafc;
    --color-text-muted: #94a3b8;
    /* Font names without quotes — used by Tailwind config and Google Fonts loader */
    --font-display-name: Cinzel;
    --font-body-name: Inter;
}

/* Baseline body color — ensures text without an explicit class inherits the theme color.
   The Tailwind config handles text-slate-* and bg-slate-* via CSS vars. */
body { color: #f8fafc; }

/* Override hardcoded amber/slate classes that appear in templates.
   The Tailwind config handles anvil/forge classes via CSS vars, but
   text-amber-* and bg-amber-* are used directly and need overrides. */
.text-amber-600, .text-amber-500 { color: #d97706; }
.hover\:text-amber-500:hover, .hover\:text-amber-600:hover { color: #b45309; }
.bg-amber-600 { background-color: #d97706; }
.hover\:bg-amber-600:hover, .hover\:bg-amber-700:hover { background-color: #b45309; }
.border-amber-600 { border-color: #d97706; }
.hover\:border-amber-600:hover { border-color: #b45309; }
.fill-amber-600 { fill: #d97706; }
.text-amber-500.fill-current { fill: #d97706; }