:root {
  --radius: 4px;
  --font-sans: "EB Garamond", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "EB Garamond", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "EB Garamond", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #F2E7DF;
  --foreground: #2E1E12;
  --card: #EADED3;
  --card-foreground: #2E1E12;
  --popover: #EADED3;
  --popover-foreground: #2E1E12;
  --primary: #593215;
  --primary-foreground: #FFF9F4;
  --secondary: #E4D3C5;
  --secondary-foreground: #2E1E12;
  --muted: #E4D3C5;
  --muted-foreground: #6F5746;
  --accent: #8C694E;
  --accent-foreground: #FFF9F4;
  --destructive: #780008;
  --destructive-foreground: #FFF9F4;
  --border: #D1C2B6;
  --input: #D1C2B6;
  --ring: #593215;
  --chart-1: #946646;
  --chart-2: #A57C60;
  --chart-3: #73533C;
  --chart-4: #B69784;
  --chart-5: #574335;
  --sidebar: #EADED3;
  --sidebar-foreground: #2E1E12;
  --sidebar-primary: #593215;
  --sidebar-primary-foreground: #FFF9F4;
  --sidebar-accent: #E4D3C5;
  --sidebar-accent-foreground: #2E1E12;
  --sidebar-border: #D1C2B6;
  --sidebar-ring: #593215;
}

.dark {
  --background: #190F09;
  --foreground: #E9D7CB;
  --card: #211813;
  --card-foreground: #E9D7CB;
  --popover: #211813;
  --popover-foreground: #E9D7CB;
  --primary: #D4A785;
  --primary-foreground: #160A03;
  --secondary: #2E221A;
  --secondary-foreground: #E9D7CB;
  --muted: #2E221A;
  --muted-foreground: #9E887A;
  --accent: #A27E62;
  --accent-foreground: #160A03;
  --destructive: #FF8B7F;
  --destructive-foreground: #160A03;
  --border: #3B2F27;
  --input: #3B2F27;
  --ring: #D4A785;
  --chart-1: #C99976;
  --chart-2: #A88062;
  --chart-3: #DAB69B;
  --chart-4: #866B57;
  --chart-5: #E4CCBA;
  --sidebar: #211813;
  --sidebar-foreground: #E9D7CB;
  --sidebar-primary: #D4A785;
  --sidebar-primary-foreground: #160A03;
  --sidebar-accent: #2E221A;
  --sidebar-accent-foreground: #E9D7CB;
  --sidebar-border: #3B2F27;
  --sidebar-ring: #D4A785;
}

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