/* Saskatchewan Motosport Association theme: SMA green from the logo on a soft white, with night black. */
:root {
  --background: #f2f7f1;
  --foreground: #0e1410;
  --card: #ffffff;
  --card-foreground: #0e1410;
  --popover: #ffffff;
  --popover-foreground: #0e1410;
  --primary: #12792c;
  --primary-foreground: #ffffff;
  --secondary: #0e1a12;
  --secondary-foreground: #f2f7f1;
  --muted: #e3ede1;
  --muted-foreground: #3e5543;
  --accent: #d6f0da;
  --accent-foreground: #0f4d1d;
  --destructive: #b42318;
  --destructive-foreground: #ffffff;
  --border: #c9dac6;
  --input: #f6fbf5;
  --ring: #12792c;
  --chart-1: #12792c;
  --chart-2: #0f4d1d;
  --chart-3: #1d7a8c;
  --chart-4: #b45309;
  --chart-5: #6b7f1f;
  --sidebar: #ffffff;
  --sidebar-foreground: #0e1410;
  --sidebar-primary: #12792c;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #d6f0da;
  --sidebar-accent-foreground: #0f4d1d;
  --sidebar-border: #c9dac6;
  --sidebar-ring: #12792c;
  --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(40 20 0 / 0.06);
  --shadow-xs: 0 1px 2px 0 rgb(40 20 0 / 0.08);
  --shadow-sm: 0 1px 3px 0 rgb(40 20 0 / 0.12), 0 1px 2px -1px rgb(40 20 0 / 0.1);
  --shadow: 0 1px 3px 0 rgb(40 20 0 / 0.12), 0 1px 2px -1px rgb(40 20 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(40 20 0 / 0.14), 0 2px 4px -2px rgb(40 20 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(40 20 0 / 0.16), 0 4px 6px -4px rgb(40 20 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(40 20 0 / 0.18), 0 8px 10px -6px rgb(40 20 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(40 20 0 / 0.3);
}

.dark {
  --background: #09100b;
  --foreground: #eaf3ea;
  --card: #111a14;
  --card-foreground: #eaf3ea;
  --popover: #111a14;
  --popover-foreground: #eaf3ea;
  --primary: #3fd35a;
  --primary-foreground: #0a0f0b;
  --secondary: #eaf3ea;
  --secondary-foreground: #0a0f0b;
  --muted: #1a261d;
  --muted-foreground: #a9c2ad;
  --accent: #14301c;
  --accent-foreground: #9be8aa;
  --destructive: #f87171;
  --destructive-foreground: #0a0f0b;
  --border: #243a29;
  --input: #1a261d;
  --ring: #3fd35a;
  --chart-1: #3fd35a;
  --chart-2: #7fd6c2;
  --chart-3: #8bd17c;
  --chart-4: #f97316;
  --chart-5: #d6c85a;
  --sidebar: #111a14;
  --sidebar-foreground: #eaf3ea;
  --sidebar-primary: #3fd35a;
  --sidebar-primary-foreground: #0a0f0b;
  --sidebar-accent: #14301c;
  --sidebar-accent-foreground: #9be8aa;
  --sidebar-border: #243a29;
  --sidebar-ring: #3fd35a;
}