/* Manitoba Motocross theme: brand red from the MBMX logo on warm cream, with black. */
:root {
  --background: #f1efe9;
  --foreground: #111111;
  --card: #fbfaf6;
  --card-foreground: #111111;
  --popover: #fbfaf6;
  --popover-foreground: #111111;
  --primary: #c8161d;
  --primary-foreground: #ffffff;
  --secondary: #111111;
  --secondary-foreground: #f1efe9;
  --muted: #e5e1d7;
  --muted-foreground: #55524b;
  --accent: #f6d5d6;
  --accent-foreground: #8f0d13;
  --destructive: #b42318;
  --destructive-foreground: #ffffff;
  --border: #d6d1c4;
  --input: #fbfaf6;
  --ring: #a8121a;
  --chart-1: #c8161d;
  --chart-2: #111111;
  --chart-3: #2f6f4e;
  --chart-4: #7a7568;
  --chart-5: #8f0d13;
  --sidebar: #fbfaf6;
  --sidebar-foreground: #111111;
  --sidebar-primary: #c8161d;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f6d5d6;
  --sidebar-accent-foreground: #8f0d13;
  --sidebar-border: #d6d1c4;
  --sidebar-ring: #a8121a;
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: Impact, 'Arial Narrow Bold', Haettenschweiler, 'Franklin Gothic Condensed', sans-serif;
  --tracking-normal: 0em;
  --radius: 0.75rem;
  --spacing: 0.25rem;
  --shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.06);
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.08);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.12), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.12), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.14), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.16), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.18), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.3);
}

.dark {
  --background: #0d0d0d;
  --foreground: #f1efe9;
  --card: #171717;
  --card-foreground: #f1efe9;
  --popover: #171717;
  --popover-foreground: #f1efe9;
  --primary: #ff3b43;
  --primary-foreground: #0b0b0b;
  --secondary: #f1efe9;
  --secondary-foreground: #0b0b0b;
  --muted: #242424;
  --muted-foreground: #b9b5aa;
  --accent: #3a1012;
  --accent-foreground: #ff8a8f;
  --destructive: #f87171;
  --destructive-foreground: #0b0b0b;
  --border: #2e2e2e;
  --input: #242424;
  --ring: #ff3b43;
  --chart-1: #ff3b43;
  --chart-2: #d9d4c8;
  --chart-3: #6fc29a;
  --chart-4: #9a9a9a;
  --chart-5: #c9c3b3;
  --sidebar: #171717;
  --sidebar-foreground: #f1efe9;
  --sidebar-primary: #ff3b43;
  --sidebar-primary-foreground: #0b0b0b;
  --sidebar-accent: #3a1012;
  --sidebar-accent-foreground: #ff8a8f;
  --sidebar-border: #2e2e2e;
  --sidebar-ring: #ff3b43;
}