:root {
  --radius: 2px;
  --font-sans: "Epilogue", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bodoni Moda", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Bodoni Moda", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Chivo Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #FBEAD2;
  --foreground: #211F1A;
  --card: #E9DFD2;
  --card-foreground: #211F1A;
  --popover: #E9DFD2;
  --popover-foreground: #211F1A;
  --primary: #5E7AD8;
  --primary-foreground: #150B01;
  --secondary: #DFD2C0;
  --secondary-foreground: #211F1A;
  --muted: #DFD2C0;
  --muted-foreground: #5D5A52;
  --accent: #68386D;
  --accent-foreground: #FFF9F1;
  --destructive: #B6322D;
  --destructive-foreground: #FFF9F1;
  --border: #CDC2B2;
  --input: #CDC2B2;
  --ring: #5E7AD8;
  --chart-1: #5D77CA;
  --chart-2: #A27F00;
  --chart-3: #7863BA;
  --chart-4: #93921A;
  --chart-5: #1F71B5;
  --sidebar: #E9DFD2;
  --sidebar-foreground: #211F1A;
  --sidebar-primary: #5E7AD8;
  --sidebar-primary-foreground: #150B01;
  --sidebar-accent: #DFD2C0;
  --sidebar-accent-foreground: #211F1A;
  --sidebar-border: #CDC2B2;
  --sidebar-ring: #5E7AD8;
}

.dark {
  --background: #1A0E00;
  --foreground: #E0DDCE;
  --card: #21190F;
  --card-foreground: #E0DDCE;
  --popover: #21190F;
  --popover-foreground: #E0DDCE;
  --primary: #809FFF;
  --primary-foreground: #150B01;
  --secondary: #2F2515;
  --secondary-foreground: #E0DDCE;
  --muted: #2F2515;
  --muted-foreground: #938F7D;
  --accent: #BE89C3;
  --accent-foreground: #150B01;
  --destructive: #FD7469;
  --destructive-foreground: #150B01;
  --border: #3D3325;
  --input: #3D3325;
  --ring: #809FFF;
  --chart-1: #83A0F7;
  --chart-2: #BC9622;
  --chart-3: #B19DF9;
  --chart-4: #999824;
  --chart-5: #73BAFF;
  --sidebar: #21190F;
  --sidebar-foreground: #E0DDCE;
  --sidebar-primary: #809FFF;
  --sidebar-primary-foreground: #150B01;
  --sidebar-accent: #2F2515;
  --sidebar-accent-foreground: #E0DDCE;
  --sidebar-border: #3D3325;
  --sidebar-ring: #809FFF;
}

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