:root {
  --radius: 0px;
  --font-sans: "Work Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Big Shoulders Display", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Noto Sans Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 1px;
  --background: #AFB099;
  --foreground: #000000;
  --card: #A1A298;
  --card-foreground: #000000;
  --popover: #A1A298;
  --popover-foreground: #000000;
  --primary: #005A97;
  --primary-foreground: #FAFBF2;
  --secondary: #939487;
  --secondary-foreground: #000000;
  --muted: #939487;
  --muted-foreground: #232E17;
  --accent: #005320;
  --accent-foreground: #FAFBF2;
  --destructive: #A1191A;
  --destructive-foreground: #FAFBF2;
  --border: #898A7E;
  --input: #898A7E;
  --ring: #005A97;
  --chart-1: #0063A6;
  --chart-2: #8A38BA;
  --chart-3: #A70029;
  --chart-4: #866D00;
  --chart-5: #006050;
  --sidebar: #A1A298;
  --sidebar-foreground: #000000;
  --sidebar-primary: #005A97;
  --sidebar-primary-foreground: #FAFBF2;
  --sidebar-accent: #939487;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #898A7E;
  --sidebar-ring: #005A97;
}

.dark {
  --background: #272714;
  --foreground: #FFFFFF;
  --card: #32322C;
  --card-foreground: #FFFFFF;
  --popover: #32322C;
  --popover-foreground: #FFFFFF;
  --primary: #009BFE;
  --primary-foreground: #0E0E06;
  --secondary: #404137;
  --secondary-foreground: #FFFFFF;
  --muted: #404137;
  --muted-foreground: #ABAEA7;
  --accent: #6DEF8C;
  --accent-foreground: #0E0E06;
  --destructive: #EC655A;
  --destructive-foreground: #0E0E06;
  --border: #515249;
  --input: #515249;
  --ring: #009BFE;
  --chart-1: #27A0FF;
  --chart-2: #B667EA;
  --chart-3: #FF6E75;
  --chart-4: #A48600;
  --chart-5: #00C6A7;
  --sidebar: #32322C;
  --sidebar-foreground: #FFFFFF;
  --sidebar-primary: #009BFE;
  --sidebar-primary-foreground: #0E0E06;
  --sidebar-accent: #404137;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #515249;
  --sidebar-ring: #009BFE;
}

/* Keyboard focus. Zero specificity — override it with any plain selector. */
@layer base {
  :where(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: var(--ring-offset, 2px);
  }
}

/* Keyboard focus. Zero specificity — override it with any plain selector. */
@layer base {
  :where(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: var(--ring-offset, 2px);
  }
}