:root {
  --radius: 8px;
  --font-sans: "Nunito Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bree Serif", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Bree Serif", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Ubuntu Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #FFD9D2;
  --foreground: #1F110E;
  --card: #E9D1CD;
  --card-foreground: #1F110E;
  --popover: #E9D1CD;
  --popover-foreground: #1F110E;
  --primary: #381C7B;
  --primary-foreground: #FFF8F7;
  --secondary: #E1C2BC;
  --secondary-foreground: #1F110E;
  --muted: #E1C2BC;
  --muted-foreground: #654E49;
  --accent: #435C00;
  --accent-foreground: #FFF8F7;
  --destructive: #6B0006;
  --destructive-foreground: #FFF8F7;
  --border: #D1B6B1;
  --input: #D1B6B1;
  --ring: #381C7B;
  --chart-1: #4A388C;
  --chart-2: #555400;
  --chart-3: #5A2673;
  --chart-4: #426400;
  --chart-5: #213280;
  --sidebar: #E9D1CD;
  --sidebar-foreground: #1F110E;
  --sidebar-primary: #381C7B;
  --sidebar-primary-foreground: #FFF8F7;
  --sidebar-accent: #E1C2BC;
  --sidebar-accent-foreground: #1F110E;
  --sidebar-border: #D1B6B1;
  --sidebar-ring: #381C7B;
}

.dark {
  --background: #1F0A07;
  --foreground: #EAD6D0;
  --card: #2A1310;
  --card-foreground: #EAD6D0;
  --popover: #2A1310;
  --popover-foreground: #EAD6D0;
  --primary: #D7D3FF;
  --primary-foreground: #180806;
  --secondary: #3C1B16;
  --secondary-foreground: #EAD6D0;
  --muted: #3C1B16;
  --muted-foreground: #A08781;
  --accent: #719900;
  --accent-foreground: #180806;
  --destructive: #FFCAC3;
  --destructive-foreground: #180806;
  --border: #492B25;
  --input: #492B25;
  --ring: #D7D3FF;
  --chart-1: #C4BDFF;
  --chart-2: #C3C354;
  --chart-3: #E7BCFF;
  --chart-4: #99C464;
  --chart-5: #C6D5FF;
  --sidebar: #2A1310;
  --sidebar-foreground: #EAD6D0;
  --sidebar-primary: #D7D3FF;
  --sidebar-primary-foreground: #180806;
  --sidebar-accent: #3C1B16;
  --sidebar-accent-foreground: #EAD6D0;
  --sidebar-border: #492B25;
  --sidebar-ring: #D7D3FF;
}

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