/* Vancouver Island Motocross Association theme: signal red from the VIMX logo on warm white, with black and charcoal. */
:root {
  --background: #f7f5f2;
  --foreground: #17110f;
  --card: #ffffff;
  --card-foreground: #17110f;
  --popover: #ffffff;
  --popover-foreground: #17110f;
  --primary: #c8201a;
  --primary-foreground: #ffffff;
  --secondary: #17110f;
  --secondary-foreground: #f7f5f2;
  --muted: #ece8e3;
  --muted-foreground: #5a514b;
  --accent: #f6dad7;
  --accent-foreground: #7a0f14;
  --destructive: #b42318;
  --destructive-foreground: #ffffff;
  --border: #ddd5cc;
  --input: #fbf8f5;
  --ring: #c8201a;
  --chart-1: #c8201a;
  --chart-2: #3b3431;
  --chart-3: #2f6f4e;
  --chart-4: #a35b00;
  --chart-5: #7a6f68;
  --sidebar: #ffffff;
  --sidebar-foreground: #17110f;
  --sidebar-primary: #c8201a;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f6dad7;
  --sidebar-accent-foreground: #7a0f14;
  --sidebar-border: #ddd5cc;
  --sidebar-ring: #c8201a;
  --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(23 17 15 / 0.06);
  --shadow-xs: 0 1px 2px 0 rgb(23 17 15 / 0.08);
  --shadow-sm: 0 1px 3px 0 rgb(23 17 15 / 0.12), 0 1px 2px -1px rgb(23 17 15 / 0.1);
  --shadow: 0 1px 3px 0 rgb(23 17 15 / 0.12), 0 1px 2px -1px rgb(23 17 15 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(23 17 15 / 0.14), 0 2px 4px -2px rgb(23 17 15 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(23 17 15 / 0.16), 0 4px 6px -4px rgb(23 17 15 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(23 17 15 / 0.18), 0 8px 10px -6px rgb(23 17 15 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(23 17 15 / 0.3);
}

.dark {
  --background: #0f0c0b;
  --foreground: #f4eeea;
  --card: #1a1514;
  --card-foreground: #f4eeea;
  --popover: #1a1514;
  --popover-foreground: #f4eeea;
  --primary: #f23b3f;
  --primary-foreground: #120d0c;
  --secondary: #f4eeea;
  --secondary-foreground: #120d0c;
  --muted: #251e1c;
  --muted-foreground: #c8bdb6;
  --accent: #3a1416;
  --accent-foreground: #ffb3b5;
  --destructive: #f87171;
  --destructive-foreground: #120d0c;
  --border: #3a2e2c;
  --input: #251e1c;
  --ring: #f23b3f;
  --chart-1: #f23b3f;
  --chart-2: #d9cfc9;
  --chart-3: #6fc29a;
  --chart-4: #f0a24b;
  --chart-5: #a89d96;
  --sidebar: #1a1514;
  --sidebar-foreground: #f4eeea;
  --sidebar-primary: #f23b3f;
  --sidebar-primary-foreground: #120d0c;
  --sidebar-accent: #3a1416;
  --sidebar-accent-foreground: #ffb3b5;
  --sidebar-border: #3a2e2c;
  --sidebar-ring: #f23b3f;
}