:root {
  --radius: 0px;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bodoni Moda", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Bodoni Moda", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 1px;
  --background: #FBFAF6;
  --foreground: #14130F;
  --card: #FFFFFF;
  --card-foreground: #14130F;
  --popover: #FFFFFF;
  --popover-foreground: #14130F;
  --primary: #14130F;
  --primary-foreground: #FBFAF6;
  --secondary: #F1EEE6;
  --secondary-foreground: #35322A;
  --muted: #F1EEE6;
  --muted-foreground: #6A6558;
  --accent: #8A6E2C;
  --accent-foreground: #FBFAF6;
  --destructive: #8E2318;
  --destructive-foreground: #FBFAF6;
  --border: #E2DED2;
  --input: #E2DED2;
  --ring: #14130F;
  --chart-1: #14130F;
  --chart-2: #8A6E2C;
  --chart-3: #4A5A52;
  --chart-4: #8A5A4A;
  --chart-5: #6A6558;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #14130F;
  --sidebar-primary: #14130F;
  --sidebar-primary-foreground: #FBFAF6;
  --sidebar-accent: #F1EEE6;
  --sidebar-accent-foreground: #14130F;
  --sidebar-border: #E2DED2;
  --sidebar-ring: #14130F;
}

.dark {
  --background: #100F0C;
  --foreground: #F4F1E8;
  --card: #191710;
  --card-foreground: #F4F1E8;
  --popover: #191710;
  --popover-foreground: #F4F1E8;
  --primary: #F4F1E8;
  --primary-foreground: #100F0C;
  --secondary: #22201A;
  --secondary-foreground: #E8E4D8;
  --muted: #22201A;
  --muted-foreground: #A29C8C;
  --accent: #D8B972;
  --accent-foreground: #1C1503;
  --destructive: #E8695E;
  --destructive-foreground: #2A0705;
  --border: #2E2B22;
  --input: #2E2B22;
  --ring: #F4F1E8;
  --chart-1: #F4F1E8;
  --chart-2: #D8B972;
  --chart-3: #8FA69A;
  --chart-4: #D09A86;
  --chart-5: #A29C8C;
  --sidebar: #191710;
  --sidebar-foreground: #F4F1E8;
  --sidebar-primary: #F4F1E8;
  --sidebar-primary-foreground: #100F0C;
  --sidebar-accent: #22201A;
  --sidebar-accent-foreground: #F4F1E8;
  --sidebar-border: #2E2B22;
  --sidebar-ring: #F4F1E8;
}

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