:root {
  --radius: 2px;
  --font-sans: "Spectral", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Spectral", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Spectral", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Inconsolata", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #D9F3F7;
  --foreground: #0C1919;
  --card: #CCE1E4;
  --card-foreground: #0C1919;
  --popover: #CCE1E4;
  --popover-foreground: #0C1919;
  --primary: #72754F;
  --primary-foreground: #F1FDFE;
  --secondary: #B3D0D4;
  --secondary-foreground: #0C1919;
  --muted: #B3D0D4;
  --muted-foreground: #445857;
  --accent: #0D51B0;
  --accent-foreground: #F1FDFE;
  --destructive: #B6322D;
  --destructive-foreground: #F1FDFE;
  --border: #A9C1C6;
  --input: #A9C1C6;
  --ring: #72754F;
  --chart-1: #73763D;
  --chart-2: #5F79A8;
  --chart-3: #3E7757;
  --chart-4: #A96D7D;
  --chart-5: #146F7A;
  --sidebar: #CCE1E4;
  --sidebar-foreground: #0C1919;
  --sidebar-primary: #72754F;
  --sidebar-primary-foreground: #F1FDFE;
  --sidebar-accent: #B3D0D4;
  --sidebar-accent-foreground: #0C1919;
  --sidebar-border: #A9C1C6;
  --sidebar-ring: #72754F;
}

.dark {
  --background: #001C21;
  --foreground: #D1EDEA;
  --card: #172427;
  --card-foreground: #D1EDEA;
  --popover: #172427;
  --popover-foreground: #D1EDEA;
  --primary: #C0C49B;
  --primary-foreground: #001014;
  --secondary: #1E3134;
  --secondary-foreground: #D1EDEA;
  --muted: #1E3134;
  --muted-foreground: #7A9D9A;
  --accent: #5394F9;
  --accent-foreground: #001014;
  --destructive: #FFA499;
  --destructive-foreground: #001014;
  --border: #2E3F42;
  --input: #2E3F42;
  --ring: #C0C49B;
  --chart-1: #B7BC80;
  --chart-2: #91ADDF;
  --chart-3: #94CFAA;
  --chart-4: #CE8F9F;
  --chart-5: #85D5E0;
  --sidebar: #172427;
  --sidebar-foreground: #D1EDEA;
  --sidebar-primary: #C0C49B;
  --sidebar-primary-foreground: #001014;
  --sidebar-accent: #1E3134;
  --sidebar-accent-foreground: #D1EDEA;
  --sidebar-border: #2E3F42;
  --sidebar-ring: #C0C49B;
}

/* 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);
  }
}