:root {
  --background: #fcfcfc;
  --foreground: #09090b;
  --card: #ffffff;
  --card-foreground: #09090b;
  --popover: #ffffff;
  --popover-foreground: #09090b;
  --border: #e9e5e5;
  --input: #d9d3d3;
  --muted: #f4f1f1;
  --muted-foreground: #78716c;
  --primary: #e5322d;
  --primary-foreground: #ffffff;
  --secondary: #fdeceb;
  --secondary-foreground: #a01813;
  --accent: #fdeceb;
  --accent-foreground: #a01813;
  --ring: #e5322d;
  --leaderboard-link-hover: #e5322d;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --chart-1: #e5322d;
  --chart-2: #f87171;
  --chart-3: #eab308;
  --chart-4: #fb923c;
  --chart-5: #7c3aed;
}

.dark {
  --background: #161113;
  --foreground: #f5f0f0;
  --card: #211a1c;
  --card-foreground: #f5f0f0;
  --popover: #211a1c;
  --popover-foreground: #f5f0f0;
  --border: #2e2528;
  --input: #2e2528;
  --muted: #241d1f;
  --muted-foreground: #a8a29e;
  --primary: #f04438;
  --primary-foreground: #ffffff;
  --secondary: #2c1414;
  --secondary-foreground: #ffdad6;
  --accent: #371617;
  --accent-foreground: #ffdad6;
  --ring: #f04438;
  --leaderboard-link-hover: #f04438;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --chart-1: #f04438;
  --chart-2: #f87171;
  --chart-3: #eab308;
  --chart-4: #fb923c;
  --chart-5: #a855f7;
}