:root {
  --background: #ffffff;
  --foreground: #17181b;
  --card: #f6f7f7;
  --card-foreground: #17181b;
  --popover: #f6f7f7;
  --popover-foreground: #17181b;
  --primary: #d8960d;
  --primary-foreground: #ffffff;
  --secondary: #faf0dd;
  --secondary-foreground: #815d13;
  --muted: #fafbfb;
  --muted-foreground: #6b6e79;
  --accent: #fcf7ec;
  --accent-foreground: #815d13;
  --border: #d6d7db;
  --input: #e9e9eb;
  --ring: #d8960d;
  --leaderboard-link-hover: #f0a70e;
  --destructive: #ff3d4d;
  --destructive-foreground: #ffffff;
}

.dark {
  --background: #17181b;
  --foreground: #ffffff;
  --card: #1f2023;
  --card-foreground: #ffffff;
  --popover: #1f2023;
  --popover-foreground: #ffffff;
  --primary: #d8960d;
  --primary-foreground: #ffffff;
  --secondary: #322a19;
  --secondary-foreground: #eac57a;
  --muted: #1b1c1f;
  --muted-foreground: #878a94;
  --accent: #26221a;
  --accent-foreground: #eac57a;
  --border: #3b3d43;
  --input: #2b2c30;
  --ring: #d8960d;
  --leaderboard-link-hover: #f0a70e;
  --destructive: #ff3d4d;
  --destructive-foreground: #ffffff;
}