:root {
  --radius: 0px;
  --font-sans: "Lora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Playfair Display", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Playfair Display", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 1px;
  --background: #F7F3EF;
  --foreground: #2F2621;
  --card: #EEE8E4;
  --card-foreground: #2F2621;
  --popover: #EEE8E4;
  --popover-foreground: #2F2621;
  --primary: #93690D;
  --primary-foreground: #FEF9F5;
  --secondary: #E4DDD8;
  --secondary-foreground: #2F2621;
  --muted: #E4DDD8;
  --muted-foreground: #6D5E58;
  --accent: #8D182C;
  --accent-foreground: #FEF9F5;
  --destructive: #B6322D;
  --destructive-foreground: #FEF9F5;
  --border: #D1CBC6;
  --input: #D1CBC6;
  --ring: #93690D;
  --chart-1: #906A22;
  --chart-2: #A18047;
  --chart-3: #705626;
  --chart-4: #B29B74;
  --chart-5: #554529;
  --sidebar: #EEE8E4;
  --sidebar-foreground: #2F2621;
  --sidebar-primary: #93690D;
  --sidebar-primary-foreground: #FEF9F5;
  --sidebar-accent: #E4DDD8;
  --sidebar-accent-foreground: #2F2621;
  --sidebar-border: #D1CBC6;
  --sidebar-ring: #93690D;
}

.dark {
  --background: #110A07;
  --foreground: #DCD0CC;
  --card: #1A1310;
  --card-foreground: #DCD0CC;
  --popover: #1A1310;
  --popover-foreground: #DCD0CC;
  --primary: #E1AF4A;
  --primary-foreground: #150A06;
  --secondary: #271C18;
  --secondary-foreground: #DCD0CC;
  --muted: #271C18;
  --muted-foreground: #92847F;
  --accent: #D55661;
  --accent-foreground: #150A06;
  --destructive: #FF968A;
  --destructive-foreground: #150A06;
  --border: #342A26;
  --input: #342A26;
  --ring: #E1AF4A;
  --chart-1: #C99D45;
  --chart-2: #A88339;
  --chart-3: #DAB97C;
  --chart-4: #866E3F;
  --chart-5: #E4CEA8;
  --sidebar: #1A1310;
  --sidebar-foreground: #DCD0CC;
  --sidebar-primary: #E1AF4A;
  --sidebar-primary-foreground: #150A06;
  --sidebar-accent: #271C18;
  --sidebar-accent-foreground: #DCD0CC;
  --sidebar-border: #342A26;
  --sidebar-ring: #E1AF4A;
}

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