:root {
  --font-size: 16px;
  --background: #101820;
  --foreground: #ffffff;
  --card: #1B263B;
  --card-foreground: #ffffff;
  --popover: #1B263B;
  --popover-foreground: #ffffff;
  --primary: #A2D2FF;
  --primary-foreground: #101820;
  --secondary: #1B263B;
  --secondary-foreground: #A2D2FF;
  --muted: #1B263B;
  --muted-foreground: #94a3b8;
  --accent: #A2D2FF;
  --accent-foreground: #101820;
  --destructive: #d4183d;
  --destructive-foreground: #ffffff;
  --win: #22c55e;
  --loss: #d4183d;
  --bar-player1: #22c55e;
  --bar-player2: #d4183d;
  --scorecard-bar-better: #22c55e;
  --scorecard-bar-neutral: #64748b;
  --border: #2d3748;
  --input: transparent;
  --input-background: #0d1419;
  --switch-background: #2d3748;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: #A2D2FF;
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --button-bg: #3d4f5f;
  --button-bg-hover: #4a5568;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: #030213;
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}