:root {
  --radius: 0px;
  --font-sans: "Zilla Slab", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Fjalla One", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Anonymous Pro", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 1px;
  --background: #F9F1ED;
  --foreground: #312421;
  --card: #EDE7E5;
  --card-foreground: #312421;
  --popover: #EDE7E5;
  --popover-foreground: #312421;
  --primary: #A43543;
  --primary-foreground: #FEF9F6;
  --secondary: #E3DCD8;
  --secondary-foreground: #312421;
  --muted: #E3DCD8;
  --muted-foreground: #715B57;
  --accent: #912C63;
  --accent-foreground: #FEF9F6;
  --destructive: #AE2926;
  --destructive-foreground: #FEF9F6;
  --border: #D2CBC8;
  --input: #D2CBC8;
  --ring: #A43543;
  --chart-1: #B14C55;
  --chart-2: #C1686D;
  --chart-3: #894247;
  --chart-4: #CB8A8C;
  --chart-5: #65393B;
  --sidebar: #EDE7E5;
  --sidebar-foreground: #312421;
  --sidebar-primary: #A43543;
  --sidebar-primary-foreground: #FEF9F6;
  --sidebar-accent: #E3DCD8;
  --sidebar-accent-foreground: #312421;
  --sidebar-border: #D2CBC8;
  --sidebar-ring: #A43543;
}

.dark {
  --background: #140D0A;
  --foreground: #E8D4D0;
  --card: #1C1816;
  --card-foreground: #E8D4D0;
  --popover: #1C1816;
  --popover-foreground: #E8D4D0;
  --primary: #DE6972;
  --primary-foreground: #120C09;
  --secondary: #28221F;
  --secondary-foreground: #E8D4D0;
  --muted: #28221F;
  --muted-foreground: #9D8681;
  --accent: #E276AA;
  --accent-foreground: #120C09;
  --destructive: #E96157;
  --destructive-foreground: #120C09;
  --border: #36302E;
  --input: #36302E;
  --ring: #DE6972;
  --chart-1: #EB8087;
  --chart-2: #C46B70;
  --chart-3: #F6A4A7;
  --chart-4: #9B5E61;
  --chart-5: #F8C1C2;
  --sidebar: #1C1816;
  --sidebar-foreground: #E8D4D0;
  --sidebar-primary: #DE6972;
  --sidebar-primary-foreground: #120C09;
  --sidebar-accent: #28221F;
  --sidebar-accent-foreground: #E8D4D0;
  --sidebar-border: #36302E;
  --sidebar-ring: #DE6972;
}

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