:root {
  --radius: 20px;
  --font-sans: "Nunito", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Nanum Gothic Coding", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #FFDFEC;
  --foreground: #1C1618;
  --card: #F6D0E0;
  --card-foreground: #1C1618;
  --popover: #F6D0E0;
  --popover-foreground: #1C1618;
  --primary: #697943;
  --primary-foreground: #FFF8FB;
  --secondary: #F0BED3;
  --secondary-foreground: #1C1618;
  --muted: #F0BED3;
  --muted-foreground: #5C5356;
  --accent: #516D7F;
  --accent-foreground: #FFF8FB;
  --destructive: #B6322D;
  --destructive-foreground: #FFF8FB;
  --border: #DEB2C4;
  --input: #DEB2C4;
  --ring: #697943;
  --chart-1: #6A7A43;
  --chart-2: #38897F;
  --chart-3: #496C98;
  --chart-4: #9B719B;
  --chart-5: #885538;
  --sidebar: #F6D0E0;
  --sidebar-foreground: #1C1618;
  --sidebar-primary: #697943;
  --sidebar-primary-foreground: #FFF8FB;
  --sidebar-accent: #F0BED3;
  --sidebar-accent-foreground: #1C1618;
  --sidebar-border: #DEB2C4;
  --sidebar-ring: #697943;
}

.dark {
  --background: #250C18;
  --foreground: #EADFE1;
  --card: #351324;
  --card-foreground: #EADFE1;
  --popover: #351324;
  --popover-foreground: #EADFE1;
  --primary: #93A36C;
  --primary-foreground: #17080F;
  --secondary: #491931;
  --secondary-foreground: #EADFE1;
  --muted: #491931;
  --muted-foreground: #9C8F92;
  --accent: #8CAABD;
  --accent-foreground: #17080F;
  --destructive: #F26A5F;
  --destructive-foreground: #17080F;
  --border: #572C40;
  --input: #572C40;
  --ring: #93A36C;
  --chart-1: #96A76E;
  --chart-2: #56A59A;
  --chart-3: #84AAD9;
  --chart-4: #A77BA6;
  --chart-5: #D89F80;
  --sidebar: #351324;
  --sidebar-foreground: #EADFE1;
  --sidebar-primary: #93A36C;
  --sidebar-primary-foreground: #17080F;
  --sidebar-accent: #491931;
  --sidebar-accent-foreground: #EADFE1;
  --sidebar-border: #572C40;
  --sidebar-ring: #93A36C;
}

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