/* Ascot Park MX theme: deep navy, flag red, Oklahoma sky blue and warm sand. Studio edits these tokens. */
:root {
  --background: #f5f0e6;
  --foreground: #0f1d33;
  --card: #fffdf8;
  --card-foreground: #0f1d33;
  --popover: #fffdf8;
  --popover-foreground: #0f1d33;
  --primary: #b22234;
  --primary-foreground: #ffffff;
  --secondary: #0b1f3a;
  --secondary-foreground: #f5f0e6;
  --muted: #ebe4d6;
  --muted-foreground: #4d5566;
  --accent: #dfe9f7;
  --accent-foreground: #1d4c8f;
  --destructive: #b42318;
  --destructive-foreground: #ffffff;
  --border: #d8cfbd;
  --input: #fffdf8;
  --ring: #3a75c4;
  --chart-1: #b22234;
  --chart-2: #3a75c4;
  --chart-3: #0b1f3a;
  --chart-4: #b45309;
  --chart-5: #4a5568;
  --sidebar: #fffdf8;
  --sidebar-foreground: #0f1d33;
  --sidebar-primary: #b22234;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #dfe9f7;
  --sidebar-accent-foreground: #1d4c8f;
  --sidebar-border: #d8cfbd;
  --sidebar-ring: #3a75c4;
  --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(11 31 58 / 0.06);
  --shadow-xs: 0 1px 2px 0 rgb(11 31 58 / 0.08);
  --shadow-sm: 0 1px 3px 0 rgb(11 31 58 / 0.12), 0 1px 2px -1px rgb(18 12 10 / 0.1);
  --shadow: 0 1px 3px 0 rgb(11 31 58 / 0.12), 0 1px 2px -1px rgb(18 12 10 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(11 31 58 / 0.14), 0 2px 4px -2px rgb(18 12 10 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(11 31 58 / 0.16), 0 4px 6px -4px rgb(18 12 10 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(11 31 58 / 0.18), 0 8px 10px -6px rgb(18 12 10 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(11 31 58 / 0.3);
}

.dark {
  --background: #071428;
  --foreground: #f3efe6;
  --card: #0f2540;
  --card-foreground: #f3efe6;
  --popover: #0f2540;
  --popover-foreground: #f3efe6;
  --primary: #8fbcf0;
  --primary-foreground: #071428;
  --secondary: #f3efe6;
  --secondary-foreground: #071428;
  --muted: #14304f;
  --muted-foreground: #b4bfd0;
  --accent: #14304f;
  --accent-foreground: #a9cdf5;
  --destructive: #f87171;
  --destructive-foreground: #071428;
  --border: #25405f;
  --input: #14304f;
  --ring: #8fbcf0;
  --chart-1: #ff7b8a;
  --chart-2: #8fbcf0;
  --chart-3: #f3efe6;
  --chart-4: #f59e0b;
  --chart-5: #a3b1c6;
  --sidebar: #0f2540;
  --sidebar-foreground: #f3efe6;
  --sidebar-primary: #8fbcf0;
  --sidebar-primary-foreground: #071428;
  --sidebar-accent: #14304f;
  --sidebar-accent-foreground: #a9cdf5;
  --sidebar-border: #25405f;
  --sidebar-ring: #8fbcf0;
}