:root {
  --radius: 1px;
  --font-sans: "Literata", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Young Serif", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Young Serif", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Cousine", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #C5BFA9;
  --foreground: #000000;
  --card: #B7B6B4;
  --card-foreground: #000000;
  --popover: #B7B6B4;
  --popover-foreground: #000000;
  --primary: #007608;
  --primary-foreground: #FBFAF8;
  --secondary: #AEADAA;
  --secondary-foreground: #000000;
  --muted: #AEADAA;
  --muted-foreground: #414134;
  --accent: #005C74;
  --accent-foreground: #FBFAF8;
  --destructive: #AC2724;
  --destructive-foreground: #FBFAF8;
  --border: #A09F9D;
  --input: #A09F9D;
  --ring: #007608;
  --chart-1: #007D09;
  --chart-2: #008163;
  --chart-3: #006D6D;
  --chart-4: #717E00;
  --chart-5: #6B5500;
  --sidebar: #B7B6B4;
  --sidebar-foreground: #000000;
  --sidebar-primary: #007608;
  --sidebar-primary-foreground: #FBFAF8;
  --sidebar-accent: #AEADAA;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #A09F9D;
  --sidebar-ring: #007608;
}

.dark {
  --background: #1B1601;
  --foreground: #E5E4CC;
  --card: #222018;
  --card-foreground: #E5E4CC;
  --popover: #222018;
  --popover-foreground: #E5E4CC;
  --primary: #71FF6D;
  --primary-foreground: #100D03;
  --secondary: #2E2B1F;
  --secondary-foreground: #E5E4CC;
  --muted: #2E2B1F;
  --muted-foreground: #979478;
  --accent: #00A0C8;
  --accent-foreground: #100D03;
  --destructive: #FFCDC7;
  --destructive-foreground: #100D03;
  --border: #3B392E;
  --input: #3B392E;
  --ring: #71FF6D;
  --chart-1: #61EA5E;
  --chart-2: #00DEAC;
  --chart-3: #00EEEE;
  --chart-4: #AEC200;
  --chart-5: #FFD342;
  --sidebar: #222018;
  --sidebar-foreground: #E5E4CC;
  --sidebar-primary: #71FF6D;
  --sidebar-primary-foreground: #100D03;
  --sidebar-accent: #2E2B1F;
  --sidebar-accent-foreground: #E5E4CC;
  --sidebar-border: #3B392E;
  --sidebar-ring: #71FF6D;
}

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