:root {
  --red: #E8302A;
  --red-dark: #C02020;
  --red-light: #FF4A42;
  --red-glow: rgba(232,48,42,0.35);
  --orange: #E8302A;
  --orange-dark: #C02020;
  --orange-light: #FF4A42;
  --gold: #E8302A;
  --gold-light: #FF4A42;
  --green: #1F8D64;
  --green-dark: #16694A;
  --green-glow: rgba(31,141,100,0.22);
  --amber: #C07C22;
  --amber-dark: #96611A;
  --amber-glow: rgba(192,124,34,0.20);
  --star: #D89620;
  --star-dark: #A66A16;
  --bg-primary: #F8F8F8;
  --bg-secondary: #EFEFEF;
  --bg-card: #FFFFFF;
  --bg-muted: #F0F0F0;
  --bg-navbar: rgba(255,255,255,0.97);
  --bg-input: #FFFFFF;
  --bg-dark: #111111;
  --bg-overlay: rgba(0,0,0,0.7);
  --text-primary: #111111;
  --text-secondary: #333333;
  --text-muted: #777777;
  --text-on-dark: #FFFFFF;
  --border: rgba(0,0,0,0.08);
  --border-light: rgba(0,0,0,0.05);
  --shadow: 0 1px 4px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.10);
  --shadow-lg: 0 12px 48px rgba(0,0,0,0.16);
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-md: 14px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-pill: 999px;
}

[data-theme="dark"] {
  --bg-primary: #0D0D0D;
  --bg-secondary: #141414;
  --bg-card: #1A1A1A;
  --bg-muted: #222222;
  --bg-navbar: rgba(10,10,10,0.97);
  --bg-input: #1E1E1E;
  --bg-dark: #080808;
  --text-primary: #F5F5F5;
  --text-secondary: #C0C0C0;
  --text-muted: #A0A0A0;
  --text-on-dark: #F5F5F5;
  --border: rgba(255,255,255,0.07);
  --border-light: rgba(255,255,255,0.04);
  --green: #2FAF82;
  --green-dark: #1F8D64;
  --green-glow: rgba(47,175,130,0.28);
  --amber: #D99A45;
  --amber-dark: #C07C22;
  --amber-glow: rgba(217,154,69,0.24);
  --star: #E8B23D;
  --star-dark: #D89620;
  --shadow: 0 1px 4px rgba(0,0,0,0.5);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.6);
  --shadow-lg: 0 12px 48px rgba(0,0,0,0.75);
}