:root {
  --yellow: #E8C84A;
  --yellow-dark: #d4b23a;
  --red: #CC4040;
  --red-dark: #a83333;
  --dark: #1A1A1A;
  --dark-muted: #3d3d3d;
  --white: #ffffff;
  --gray-bg: #f5f5f5;
  --bg-page: #ffffff;
  --bg-surface: #ffffff;
  --bg-accent: #E8C84A;
  --bg-navbar: #E8C84A;
  --text-primary: #1A1A1A;
  --text-muted: #3d3d3d;
  --border-color: #1A1A1A;
  --nav-active-bg: #1A1A1A;
  --nav-active-text: #E8C84A;
  --font-display: "Bebas Neue", "Arial Narrow", sans-serif;
  --font-body: "DM Sans", "Segoe UI", system-ui, sans-serif;
  --nav-height: 72px;
  --radius: 12px;
  --shadow: 0 8px 32px rgba(26, 26, 26, 0.12);
  --transition: 0.25s ease;
}

[data-theme="dark"] {
  --bg-page: #0d0d0d;
  --bg-surface: #1a1a1a;
  --bg-accent: #2a2418;
  --bg-navbar: #141414;
  --gray-bg: #141414;
  --text-primary: #f0f0f0;
  --text-muted: #b0b0b0;
  --border-color: #3d3d3d;
  --nav-active-bg: #E8C84A;
  --nav-active-text: #1A1A1A;
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  color-scheme: dark;
}