:root {
  --radius: 2px;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Anton", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #E8E7E6;
  --foreground: #211F1C;
  --card: #DFDEDB;
  --card-foreground: #211F1C;
  --popover: #DFDEDB;
  --popover-foreground: #211F1C;
  --primary: #121210;
  --primary-foreground: #FBFAF7;
  --secondary: #D5D4D0;
  --secondary-foreground: #211F1C;
  --muted: #D5D4D0;
  --muted-foreground: #5C5A56;
  --accent: #DA4624;
  --accent-foreground: #0E0D0A;
  --destructive: #2A0001;
  --destructive-foreground: #FBFAF7;
  --border: #C4C3BF;
  --input: #C4C3BF;
  --ring: #121210;
  --chart-1: #3D2E00;
  --chart-2: #353B00;
  --chart-3: #023400;
  --chart-4: #5B3300;
  --chart-5: #430F00;
  --sidebar: #DFDEDB;
  --sidebar-foreground: #211F1C;
  --sidebar-primary: #121210;
  --sidebar-primary-foreground: #FBFAF7;
  --sidebar-accent: #D5D4D0;
  --sidebar-accent-foreground: #211F1C;
  --sidebar-border: #C4C3BF;
  --sidebar-ring: #121210;
}

.dark {
  --background: #0F0E0C;
  --foreground: #DAD8D4;
  --card: #191815;
  --card-foreground: #DAD8D4;
  --popover: #191815;
  --popover-foreground: #DAD8D4;
  --primary: #F4F3F0;
  --primary-foreground: #0F0D09;
  --secondary: #25231F;
  --secondary-foreground: #DAD8D4;
  --muted: #25231F;
  --muted-foreground: #8D8B86;
  --accent: #FF8064;
  --accent-foreground: #0F0D09;
  --destructive: #FFEFED;
  --destructive-foreground: #0F0D09;
  --border: #33312D;
  --input: #33312D;
  --ring: #F4F3F0;
  --chart-1: #F1D589;
  --chart-2: #C9D689;
  --chart-3: #BBF2B4;
  --chart-4: #F2B67E;
  --chart-5: #FFDFD6;
  --sidebar: #191815;
  --sidebar-foreground: #DAD8D4;
  --sidebar-primary: #F4F3F0;
  --sidebar-primary-foreground: #0F0D09;
  --sidebar-accent: #25231F;
  --sidebar-accent-foreground: #DAD8D4;
  --sidebar-border: #33312D;
  --sidebar-ring: #F4F3F0;
}

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