:root {
  --radius: 14px;
  --font-sans: "Karla", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #F8F5F1;
  --foreground: #1C1A17;
  --card: #FFFFFF;
  --card-foreground: #1C1A17;
  --popover: #FFFFFF;
  --popover-foreground: #1C1A17;
  --primary: #7E1E35;
  --primary-foreground: #FFFFFF;
  --secondary: #EDE7DD;
  --secondary-foreground: #3A342C;
  --muted: #EDE7DD;
  --muted-foreground: #6B6357;
  --accent: #2E6152;
  --accent-foreground: #FFFFFF;
  --destructive: #B23C00;
  --destructive-foreground: #FFFFFF;
  --border: #DED6C8;
  --input: #DED6C8;
  --ring: #7E1E35;
  --chart-1: #7E1E35;
  --chart-2: #2E6152;
  --chart-3: #A8761F;
  --chart-4: #6E5A8C;
  --chart-5: #4A443C;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #1C1A17;
  --sidebar-primary: #7E1E35;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #EDE7DD;
  --sidebar-accent-foreground: #1C1A17;
  --sidebar-border: #DED6C8;
  --sidebar-ring: #7E1E35;
}

.dark {
  --background: #14120F;
  --foreground: #F0EBE2;
  --card: #1D1A16;
  --card-foreground: #F0EBE2;
  --popover: #1D1A16;
  --popover-foreground: #F0EBE2;
  --primary: #E97486;
  --primary-foreground: #2A0A12;
  --secondary: #26221C;
  --secondary-foreground: #E4DDD0;
  --muted: #26221C;
  --muted-foreground: #A69C8C;
  --accent: #6FC0A4;
  --accent-foreground: #062018;
  --destructive: #F87B4E;
  --destructive-foreground: #2A0806;
  --border: #322D25;
  --input: #322D25;
  --ring: #E97486;
  --chart-1: #E97486;
  --chart-2: #6FC0A4;
  --chart-3: #DCB05C;
  --chart-4: #A796D4;
  --chart-5: #B8AE9C;
  --sidebar: #1D1A16;
  --sidebar-foreground: #F0EBE2;
  --sidebar-primary: #E97486;
  --sidebar-primary-foreground: #2A0A12;
  --sidebar-accent: #26221C;
  --sidebar-accent-foreground: #F0EBE2;
  --sidebar-border: #322D25;
  --sidebar-ring: #E97486;
}

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