:root {
  --radius: 3px;
  --font-sans: "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Archivo Narrow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Source Code Pro", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #ABCECC;
  --foreground: #000000;
  --card: #A3BCBA;
  --card-foreground: #000000;
  --popover: #A3BCBA;
  --popover-foreground: #000000;
  --primary: #855900;
  --primary-foreground: #F2FDFC;
  --secondary: #8BADAA;
  --secondary-foreground: #000000;
  --muted: #8BADAA;
  --muted-foreground: #2E3E41;
  --accent: #A66F00;
  --accent-foreground: #001110;
  --destructive: #B6322D;
  --destructive-foreground: #F2FDFC;
  --border: #829F9D;
  --input: #829F9D;
  --ring: #855900;
  --chart-1: #A56E00;
  --chart-2: #2F82E3;
  --chart-3: #847300;
  --chart-4: #6F7EED;
  --chart-5: #A35300;
  --sidebar: #A3BCBA;
  --sidebar-foreground: #000000;
  --sidebar-primary: #855900;
  --sidebar-primary-foreground: #F2FDFC;
  --sidebar-accent: #8BADAA;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #829F9D;
  --sidebar-ring: #855900;
}

.dark {
  --background: #001E1D;
  --foreground: #D9EFF2;
  --card: #122826;
  --card-foreground: #D9EFF2;
  --popover: #122826;
  --popover-foreground: #D9EFF2;
  --primary: #D99300;
  --primary-foreground: #001110;
  --secondary: #153533;
  --secondary-foreground: #D9EFF2;
  --muted: #153533;
  --muted-foreground: #839DA2;
  --accent: #B37900;
  --accent-foreground: #001110;
  --destructive: #FB7267;
  --destructive-foreground: #001110;
  --border: #274341;
  --input: #274341;
  --ring: #D99300;
  --chart-1: #DA9300;
  --chart-2: #4A9BFE;
  --chart-3: #C5AD00;
  --chart-4: #7685F5;
  --chart-5: #FF9440;
  --sidebar: #122826;
  --sidebar-foreground: #D9EFF2;
  --sidebar-primary: #D99300;
  --sidebar-primary-foreground: #001110;
  --sidebar-accent: #153533;
  --sidebar-accent-foreground: #D9EFF2;
  --sidebar-border: #274341;
  --sidebar-ring: #D99300;
}

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