:root {
  --background: #ffffff;
  --foreground: #181b19;
  --card: #f6f8f7;
  --card-foreground: #181b19;
  --popover: #f6f8f7;
  --popover-foreground: #181b19;
  --border: #d4ddd8;
  --input: #e8edea;
  --muted: #eef2f0;
  --muted-foreground: #6c7a72;
  --primary: #1ca65a;
  --primary-foreground: #ffffff;
  --secondary: #daf5e0;
  --secondary-foreground: #0d6b4f;
  --accent: #e8f6ee;
  --accent-foreground: #0d6b4f;
  --ring: #1ca65a;
  --leaderboard-link-hover: #1ca65a;
  --destructive: #e0431a;
  --destructive-foreground: #ffffff;
  --chart-1: #52b17c;
  --chart-2: #ffa655;
  --chart-3: #d8a222;
  --chart-4: #e0431a;
  --chart-5: #6ea81b;
}

.dark {
  --background: #181b19;
  --foreground: #ffffff;
  --card: #1f2321;
  --card-foreground: #ffffff;
  --popover: #1f2321;
  --popover-foreground: #ffffff;
  --border: #3c443f;
  --input: #2b312e;
  --muted: #242926;
  --muted-foreground: #87958d;
  --primary: #1ca65a;
  --primary-foreground: #ffffff;
  --secondary: #14352a;
  --secondary-foreground: #e6f7ee;
  --accent: #16382c;
  --accent-foreground: #e6f7ee;
  --ring: #1ca65a;
  --leaderboard-link-hover: #20bc66;
  --destructive: #e0431a;
  --destructive-foreground: #ffffff;
  --chart-1: #52b17c;
  --chart-2: #ffa655;
  --chart-3: #d8a222;
  --chart-4: #e0431a;
  --chart-5: #6ea81b;
}