:root {
  --radius: 12px;
  --font-sans: "Alegreya Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Alegreya", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Alegreya", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Spline Sans Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #CBE0CD;
  --foreground: #041007;
  --card: #C2D3C4;
  --card-foreground: #041007;
  --popover: #C2D3C4;
  --popover-foreground: #041007;
  --primary: #775800;
  --primary-foreground: #F5FCF6;
  --secondary: #B2C9B5;
  --secondary-foreground: #041007;
  --muted: #B2C9B5;
  --muted-foreground: #3E5544;
  --accent: #195B3B;
  --accent-foreground: #F5FCF6;
  --destructive: #A92321;
  --destructive-foreground: #F5FCF6;
  --border: #A5B9A7;
  --input: #A5B9A7;
  --ring: #775800;
  --chart-1: #7D6016;
  --chart-2: #6E7028;
  --chart-3: #426931;
  --chart-4: #9C6537;
  --chart-5: #824032;
  --sidebar: #C2D3C4;
  --sidebar-foreground: #041007;
  --sidebar-primary: #775800;
  --sidebar-primary-foreground: #F5FCF6;
  --sidebar-accent: #B2C9B5;
  --sidebar-accent-foreground: #041007;
  --sidebar-border: #A5B9A7;
  --sidebar-ring: #775800;
}

.dark {
  --background: #13301E;
  --foreground: #FFFFFF;
  --card: #233A2B;
  --card-foreground: #FFFFFF;
  --popover: #233A2B;
  --popover-foreground: #FFFFFF;
  --primary: #E1B75C;
  --primary-foreground: #031108;
  --secondary: #274934;
  --secondary-foreground: #FFFFFF;
  --muted: #274934;
  --muted-foreground: #A0B5A3;
  --accent: #78BC95;
  --accent-foreground: #031108;
  --destructive: #FFA096;
  --destructive-foreground: #031108;
  --border: #3A5844;
  --input: #3A5844;
  --ring: #E1B75C;
  --chart-1: #D4AF5F;
  --chart-2: #AEB15D;
  --chart-3: #9DCE89;
  --chart-4: #D4915A;
  --chart-5: #FFAC9A;
  --sidebar: #233A2B;
  --sidebar-foreground: #FFFFFF;
  --sidebar-primary: #E1B75C;
  --sidebar-primary-foreground: #031108;
  --sidebar-accent: #274934;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #3A5844;
  --sidebar-ring: #E1B75C;
}

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