:root {
  --background: #ffffff;
  --foreground: #1a1a1a;
  --card: #ffffff;
  --card-foreground: #1a1a1a;
  --popover: #ffffff;
  --popover-foreground: #1a1a1a;
  --border: #e6e6e6;
  --input: #d9d9d9;
  --muted: #f4f4f4;
  --muted-foreground: #6b6b6b;
  --primary: #dae247;
  --primary-foreground: #1a1a1a;
  --secondary: #f4f4f5;
  --secondary-foreground: #1a1a1a;
  --accent: #f6f8e2;
  --accent-foreground: #3a3d0a;
  --ring: #c2cc2f;
  --leaderboard-link-hover: #9aa516;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --chart-1: #4b9b80;
  --chart-2: #dae247;
  --chart-3: #219653;
  --chart-4: #e0a92e;
  --chart-5: #8a8a8a;
}

.dark {
  --background: #1a1a1a;
  --foreground: #f5f5f5;
  --card: #0f0f0f;
  --card-foreground: #f5f5f5;
  --popover: #0f0f0f;
  --popover-foreground: #f5f5f5;
  --border: #2a2a2a;
  --input: #2a2a2a;
  --muted: #1f1f1f;
  --muted-foreground: #a1a1a1;
  --primary: #dae247;
  --primary-foreground: #0f0f0f;
  --secondary: #1f1f1f;
  --secondary-foreground: #f5f5f5;
  --accent: #23231a;
  --accent-foreground: #dae247;
  --ring: #dae247;
  --leaderboard-link-hover: #dae247;
  --destructive: #f04438;
  --destructive-foreground: #ffffff;
  --chart-1: #4b9b80;
  --chart-2: #dae247;
  --chart-3: #2ed3c3;
  --chart-4: #e0a92e;
  --chart-5: #c4c4c4;
}