:root {
  --background: #fcfcfc;
  --foreground: #09090b;
  --card: #ffffff;
  --card-foreground: #09090b;
  --popover: #ffffff;
  --popover-foreground: #09090b;
  --border: #e4e4eb;
  --input: #d4d4d8;
  --muted: #f0f0f0;
  --muted-foreground: #71717a;
  --primary: #00a76f;
  --primary-foreground: #ffffff;
  --secondary: #daf5e0;
  --secondary-foreground: #0d6b4f;
  --accent: #f2f2f2;
  --accent-foreground: #0d6b4f;
  --ring: #00a76f;
  --leaderboard-link-hover: #00a76f;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --chart-1: #00a76f;
  --chart-2: #22c55e;
  --chart-3: #eab308;
  --chart-4: #ef4444;
  --chart-5: #0f766e;
}

.dark {
  --background: #12151c;
  --foreground: #f0f2f5;
  --card: #1b1f28;
  --card-foreground: #f0f2f5;
  --popover: #1b1f28;
  --popover-foreground: #f0f2f5;
  --border: #262b35;
  --input: #262b35;
  --muted: #1e222b;
  --muted-foreground: #8b949e;
  --primary: #00b96b;
  --primary-foreground: #ffffff;
  --secondary: #0d2a1f;
  --secondary-foreground: #ffffff;
  --accent: #0f3026;
  --accent-foreground: #ffffff;
  --ring: #00b96b;
  --leaderboard-link-hover: #00b96b;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --chart-1: #00d67e;
  --chart-2: #22c55e;
  --chart-3: #eab308;
  --chart-4: #ef4444;
  --chart-5: #14b8a6;
}