:root {
  --radius: 4px;
  --font-sans: "Readex Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Yeseva One", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Yeseva One", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Nova Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #FBD7F0;
  --foreground: #1A131B;
  --card: #E6D0DF;
  --card-foreground: #1A131B;
  --popover: #E6D0DF;
  --popover-foreground: #1A131B;
  --primary: #9948B0;
  --primary-foreground: #FFF8FC;
  --secondary: #DEC1D5;
  --secondary-foreground: #1A131B;
  --muted: #DEC1D5;
  --muted-foreground: #5A505C;
  --accent: #3652BC;
  --accent-foreground: #FFF8FC;
  --destructive: #B6322D;
  --destructive-foreground: #FFF8FC;
  --border: #CFB5C6;
  --input: #CFB5C6;
  --ring: #9948B0;
  --chart-1: #954EAA;
  --chart-2: #438C23;
  --chart-3: #A13C81;
  --chart-4: #00985F;
  --chart-5: #6E48AD;
  --sidebar: #E6D0DF;
  --sidebar-foreground: #1A131B;
  --sidebar-primary: #9948B0;
  --sidebar-primary-foreground: #FFF8FC;
  --sidebar-accent: #DEC1D5;
  --sidebar-accent-foreground: #1A131B;
  --sidebar-border: #CFB5C6;
  --sidebar-ring: #9948B0;
}

.dark {
  --background: #1E0A19;
  --foreground: #E1DBE2;
  --card: #241720;
  --card-foreground: #E1DBE2;
  --popover: #241720;
  --popover-foreground: #E1DBE2;
  --primary: #DF8BF8;
  --primary-foreground: #150812;
  --secondary: #33212E;
  --secondary-foreground: #E1DBE2;
  --muted: #33212E;
  --muted-foreground: #948C95;
  --accent: #7295FF;
  --accent-foreground: #150812;
  --destructive: #FF8C80;
  --destructive-foreground: #150812;
  --border: #42313C;
  --input: #42313C;
  --ring: #DF8BF8;
  --chart-1: #D68BEC;
  --chart-2: #6FB954;
  --chart-3: #F88BD2;
  --chart-4: #19B774;
  --chart-5: #C6ACFF;
  --sidebar: #241720;
  --sidebar-foreground: #E1DBE2;
  --sidebar-primary: #DF8BF8;
  --sidebar-primary-foreground: #150812;
  --sidebar-accent: #33212E;
  --sidebar-accent-foreground: #E1DBE2;
  --sidebar-border: #42313C;
  --sidebar-ring: #DF8BF8;
}

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