:root {
  --radius: 10px;
  --font-sans: "Karla", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #DFD2C4;
  --foreground: #000000;
  --card: #D2C6B9;
  --card-foreground: #000000;
  --popover: #D2C6B9;
  --popover-foreground: #000000;
  --primary: #8A1E66;
  --primary-foreground: #FFF9F2;
  --secondary: #C7B8A7;
  --secondary-foreground: #000000;
  --muted: #C7B8A7;
  --muted-foreground: #5A4538;
  --accent: #7B5100;
  --accent-foreground: #FFF9F2;
  --destructive: #9B1014;
  --destructive-foreground: #FFF9F2;
  --border: #BBAD9E;
  --input: #BBAD9E;
  --ring: #8A1E66;
  --chart-1: #92346F;
  --chart-2: #007755;
  --chart-3: #932744;
  --chart-4: #007D73;
  --chart-5: #742B79;
  --sidebar: #D2C6B9;
  --sidebar-foreground: #000000;
  --sidebar-primary: #8A1E66;
  --sidebar-primary-foreground: #FFF9F2;
  --sidebar-accent: #C7B8A7;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #BBAD9E;
  --sidebar-ring: #8A1E66;
}

.dark {
  --background: #21150E;
  --foreground: #F4E3D7;
  --card: #2A2019;
  --card-foreground: #F4E3D7;
  --popover: #2A2019;
  --popover-foreground: #F4E3D7;
  --primary: #E57BBA;
  --primary-foreground: #170902;
  --secondary: #382A20;
  --secondary-foreground: #F4E3D7;
  --muted: #382A20;
  --muted-foreground: #A69184;
  --accent: #DAA75D;
  --accent-foreground: #170902;
  --destructive: #FD7468;
  --destructive-foreground: #170902;
  --border: #45382F;
  --input: #45382F;
  --ring: #E57BBA;
  --chart-1: #DF80B8;
  --chart-2: #28B586;
  --chart-3: #F5879B;
  --chart-4: #00A99C;
  --chart-5: #DF95E3;
  --sidebar: #2A2019;
  --sidebar-foreground: #F4E3D7;
  --sidebar-primary: #E57BBA;
  --sidebar-primary-foreground: #170902;
  --sidebar-accent: #382A20;
  --sidebar-accent-foreground: #F4E3D7;
  --sidebar-border: #45382F;
  --sidebar-ring: #E57BBA;
}

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