:root {
  --radius: 4px;
  --font-sans: "Crimson Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Crimson Pro", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Crimson Pro", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Cutive Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #F3E5E2;
  --foreground: #201510;
  --card: #DFD9D8;
  --card-foreground: #201510;
  --popover: #DFD9D8;
  --popover-foreground: #201510;
  --primary: #A36C7E;
  --primary-foreground: #110C0B;
  --secondary: #D1CAC9;
  --secondary-foreground: #201510;
  --muted: #D1CAC9;
  --muted-foreground: #625249;
  --accent: #484FB1;
  --accent-foreground: #FEF9F8;
  --destructive: #B6322D;
  --destructive-foreground: #FEF9F8;
  --border: #C5BFBD;
  --input: #C5BFBD;
  --ring: #A36C7E;
  --chart-1: #A4697D;
  --chart-2: #499585;
  --chart-3: #9F6260;
  --chart-4: #4A9C9F;
  --chart-5: #8D5C7E;
  --sidebar: #DFD9D8;
  --sidebar-foreground: #201510;
  --sidebar-primary: #A36C7E;
  --sidebar-primary-foreground: #110C0B;
  --sidebar-accent: #D1CAC9;
  --sidebar-accent-foreground: #201510;
  --sidebar-border: #C5BFBD;
  --sidebar-ring: #A36C7E;
}

.dark {
  --background: #543C38;
  --foreground: #FFFFFF;
  --card: #564E4C;
  --card-foreground: #FFFFFF;
  --popover: #564E4C;
  --popover-foreground: #FFFFFF;
  --primary: #C88EA1;
  --primary-foreground: #140B09;
  --secondary: #675C5A;
  --secondary-foreground: #FFFFFF;
  --muted: #675C5A;
  --muted-foreground: #EED5C8;
  --accent: #9EACFF;
  --accent-foreground: #140B09;
  --destructive: #E45D53;
  --destructive-foreground: #140B09;
  --border: #796E6C;
  --input: #796E6C;
  --ring: #C88EA1;
  --chart-1: #BF8296;
  --chart-2: #519D8D;
  --chart-3: #CC8B89;
  --chart-4: #409396;
  --chart-5: #C792B7;
  --sidebar: #564E4C;
  --sidebar-foreground: #FFFFFF;
  --sidebar-primary: #C88EA1;
  --sidebar-primary-foreground: #140B09;
  --sidebar-accent: #675C5A;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #796E6C;
  --sidebar-ring: #C88EA1;
}

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