:root {
  --radius: 7px;
  --font-sans: "Gantari", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Vollkorn", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Vollkorn", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Lekton", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #CBC6B9;
  --foreground: #000000;
  --card: #BEBDBA;
  --card-foreground: #000000;
  --popover: #BEBDBA;
  --popover-foreground: #000000;
  --primary: #606216;
  --primary-foreground: #FBFAF7;
  --secondary: #B4B3AF;
  --secondary-foreground: #000000;
  --muted: #B4B3AF;
  --muted-foreground: #49452F;
  --accent: #764E96;
  --accent-foreground: #FBFAF7;
  --destructive: #A82321;
  --destructive-foreground: #FBFAF7;
  --border: #A5A4A1;
  --input: #A5A4A1;
  --ring: #606216;
  --chart-1: #666929;
  --chart-2: #297B67;
  --chart-3: #2B6189;
  --chart-4: #876495;
  --chart-5: #7D4330;
  --sidebar: #BEBDBA;
  --sidebar-foreground: #000000;
  --sidebar-primary: #606216;
  --sidebar-primary-foreground: #FBFAF7;
  --sidebar-accent: #B4B3AF;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #A5A4A1;
  --sidebar-ring: #606216;
}

.dark {
  --background: #1B170E;
  --foreground: #E4E3D7;
  --card: #22201C;
  --card-foreground: #E4E3D7;
  --popover: #22201C;
  --popover-foreground: #E4E3D7;
  --primary: #B5B970;
  --primary-foreground: #100D08;
  --secondary: #2D2A25;
  --secondary-foreground: #E4E3D7;
  --muted: #2D2A25;
  --muted-foreground: #949385;
  --accent: #AA81CD;
  --accent-foreground: #100D08;
  --destructive: #FF8D82;
  --destructive-foreground: #100D08;
  --border: #393732;
  --input: #393732;
  --ring: #B5B970;
  --chart-1: #B0B373;
  --chart-2: #67B69F;
  --chart-3: #86BDE9;
  --chart-4: #B08BBF;
  --chart-5: #EEAB95;
  --sidebar: #22201C;
  --sidebar-foreground: #E4E3D7;
  --sidebar-primary: #B5B970;
  --sidebar-primary-foreground: #100D08;
  --sidebar-accent: #2D2A25;
  --sidebar-accent-foreground: #E4E3D7;
  --sidebar-border: #393732;
  --sidebar-ring: #B5B970;
}

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