:root {
  --radius: 4px;
  --font-sans: "Public Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #F5F0E4;
  --foreground: #1B1815;
  --card: #FFFDF7;
  --card-foreground: #1B1815;
  --popover: #FFFDF7;
  --popover-foreground: #1B1815;
  --primary: #B8431A;
  --primary-foreground: #FFFDF7;
  --secondary: #E7DFCC;
  --secondary-foreground: #3D362A;
  --muted: #E7DFCC;
  --muted-foreground: #675E4E;
  --accent: #55663A;
  --accent-foreground: #FFFDF7;
  --destructive: #A32B1E;
  --destructive-foreground: #FFFDF7;
  --border: #D6CAB0;
  --input: #D6CAB0;
  --ring: #B8431A;
  --chart-1: #B8431A;
  --chart-2: #55663A;
  --chart-3: #9A7318;
  --chart-4: #7A5233;
  --chart-5: #3F3A31;
  --sidebar: #FFFDF7;
  --sidebar-foreground: #1B1815;
  --sidebar-primary: #B8431A;
  --sidebar-primary-foreground: #FFFDF7;
  --sidebar-accent: #E7DFCC;
  --sidebar-accent-foreground: #1B1815;
  --sidebar-border: #D6CAB0;
  --sidebar-ring: #B8431A;
}

.dark {
  --background: #17140F;
  --foreground: #F2ECDE;
  --card: #201C15;
  --card-foreground: #F2ECDE;
  --popover: #201C15;
  --popover-foreground: #F2ECDE;
  --primary: #E9773F;
  --primary-foreground: #1A1005;
  --secondary: #2C271D;
  --secondary-foreground: #E6DECB;
  --muted: #2C271D;
  --muted-foreground: #A79C86;
  --accent: #9BB068;
  --accent-foreground: #17200C;
  --destructive: #F2705A;
  --destructive-foreground: #2A0B05;
  --border: #383226;
  --input: #383226;
  --ring: #E9773F;
  --chart-1: #E9773F;
  --chart-2: #9BB068;
  --chart-3: #D9AE52;
  --chart-4: #C08A6A;
  --chart-5: #C9BFA8;
  --sidebar: #201C15;
  --sidebar-foreground: #F2ECDE;
  --sidebar-primary: #E9773F;
  --sidebar-primary-foreground: #1A1005;
  --sidebar-accent: #2C271D;
  --sidebar-accent-foreground: #F2ECDE;
  --sidebar-border: #383226;
  --sidebar-ring: #E9773F;
}

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