:root {
  --radius: 4px;
  --font-sans: "Alegreya Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Alegreya", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Alegreya", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Fira Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #C9AEA7;
  --foreground: #000000;
  --card: #C2A49C;
  --card-foreground: #000000;
  --popover: #C2A49C;
  --popover-foreground: #000000;
  --primary: #023639;
  --primary-foreground: #FFF8F7;
  --secondary: #BF978D;
  --secondary-foreground: #000000;
  --muted: #BF978D;
  --muted-foreground: #3B3532;
  --accent: #003E42;
  --accent-foreground: #FFF8F7;
  --destructive: #5E0005;
  --destructive-foreground: #FFF8F7;
  --border: #AF8C83;
  --input: #AF8C83;
  --ring: #023639;
  --chart-1: #004F54;
  --chart-2: #6C3850;
  --chart-3: #124065;
  --chart-4: #635114;
  --chart-5: #3C2D5B;
  --sidebar: #C2A49C;
  --sidebar-foreground: #000000;
  --sidebar-primary: #023639;
  --sidebar-primary-foreground: #FFF8F7;
  --sidebar-accent: #BF978D;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #AF8C83;
  --sidebar-ring: #023639;
}

.dark {
  --background: #2D201D;
  --foreground: #FCF5F1;
  --card: #392925;
  --card-foreground: #FCF5F1;
  --popover: #392925;
  --popover-foreground: #FCF5F1;
  --primary: #69979B;
  --primary-foreground: #180805;
  --secondary: #48322C;
  --secondary-foreground: #FCF5F1;
  --muted: #48322C;
  --muted-foreground: #A8A09B;
  --accent: #00CFDB;
  --accent-foreground: #180805;
  --destructive: #E35C52;
  --destructive-foreground: #180805;
  --border: #54403A;
  --input: #54403A;
  --ring: #69979B;
  --chart-1: #53A5AB;
  --chart-2: #B27891;
  --chart-3: #75A3CE;
  --chart-4: #958349;
  --chart-5: #AA9BD1;
  --sidebar: #392925;
  --sidebar-foreground: #FCF5F1;
  --sidebar-primary: #69979B;
  --sidebar-primary-foreground: #180805;
  --sidebar-accent: #48322C;
  --sidebar-accent-foreground: #FCF5F1;
  --sidebar-border: #54403A;
  --sidebar-ring: #69979B;
}

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