:root {
  --radius: 12px;
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "DM Serif Display", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "DM Serif Display", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Syne Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #D0F1ED;
  --foreground: #1B2021;
  --card: #D5E1E0;
  --card-foreground: #1B2021;
  --popover: #D5E1E0;
  --popover-foreground: #1B2021;
  --primary: #B063A6;
  --primary-foreground: #03100F;
  --secondary: #C6D7D5;
  --secondary-foreground: #1B2021;
  --muted: #C6D7D5;
  --muted-foreground: #535C5D;
  --accent: #9F7899;
  --accent-foreground: #03100F;
  --destructive: #B6322D;
  --destructive-foreground: #F2FDFB;
  --border: #B6C6C4;
  --input: #B6C6C4;
  --ring: #B063A6;
  --chart-1: #A5619C;
  --chart-2: #788F36;
  --chart-3: #AF555B;
  --chart-4: #049CC0;
  --chart-5: #9A5E02;
  --sidebar: #D5E1E0;
  --sidebar-foreground: #1B2021;
  --sidebar-primary: #B063A6;
  --sidebar-primary-foreground: #03100F;
  --sidebar-accent: #C6D7D5;
  --sidebar-accent-foreground: #1B2021;
  --sidebar-border: #B6C6C4;
  --sidebar-ring: #B063A6;
}

.dark {
  --background: #00221F;
  --foreground: #DDF5F8;
  --card: #002D2A;
  --card-foreground: #DDF5F8;
  --popover: #002D2A;
  --popover-foreground: #DDF5F8;
  --primary: #BC6EB1;
  --primary-foreground: #00110F;
  --secondary: #003B37;
  --secondary-foreground: #DDF5F8;
  --muted: #003B37;
  --muted-foreground: #84A3A6;
  --accent: #D2A9CB;
  --accent-foreground: #00110F;
  --destructive: #E35C53;
  --destructive-foreground: #00110F;
  --border: #104A46;
  --input: #104A46;
  --ring: #BC6EB1;
  --chart-1: #C07AB6;
  --chart-2: #81973F;
  --chart-3: #DE7F84;
  --chart-4: #0092B5;
  --chart-5: #D6964D;
  --sidebar: #002D2A;
  --sidebar-foreground: #DDF5F8;
  --sidebar-primary: #BC6EB1;
  --sidebar-primary-foreground: #00110F;
  --sidebar-accent: #003B37;
  --sidebar-accent-foreground: #DDF5F8;
  --sidebar-border: #104A46;
  --sidebar-ring: #BC6EB1;
}

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