:root {
  --radius: 8px;
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #D3EFF8;
  --foreground: #2B211F;
  --card: #D2E5EB;
  --card-foreground: #2B211F;
  --popover: #D2E5EB;
  --popover-foreground: #2B211F;
  --primary: #8E014B;
  --primary-foreground: #F2FCFF;
  --secondary: #C3DDE5;
  --secondary-foreground: #2B211F;
  --muted: #C3DDE5;
  --muted-foreground: #685A56;
  --accent: #007131;
  --accent-foreground: #F2FCFF;
  --destructive: #94020D;
  --destructive-foreground: #F2FCFF;
  --border: #B3CAD1;
  --input: #B3CAD1;
  --ring: #8E014B;
  --chart-1: #982758;
  --chart-2: #007530;
  --chart-3: #883400;
  --chart-4: #006BB6;
  --chart-5: #5A4A00;
  --sidebar: #D2E5EB;
  --sidebar-foreground: #2B211F;
  --sidebar-primary: #8E014B;
  --sidebar-primary-foreground: #F2FCFF;
  --sidebar-accent: #C3DDE5;
  --sidebar-accent-foreground: #2B211F;
  --sidebar-border: #B3CAD1;
  --sidebar-ring: #8E014B;
}

.dark {
  --background: #00161C;
  --foreground: #D4E1E4;
  --card: #0E1F24;
  --card-foreground: #D4E1E4;
  --popover: #0E1F24;
  --popover-foreground: #D4E1E4;
  --primary: #F671A2;
  --primary-foreground: #001015;
  --secondary: #132B32;
  --secondary-foreground: #D4E1E4;
  --muted: #132B32;
  --muted-foreground: #849297;
  --accent: #5FD37F;
  --accent-foreground: #001015;
  --destructive: #FD7468;
  --destructive-foreground: #001015;
  --border: #24393F;
  --input: #24393F;
  --ring: #F671A2;
  --chart-1: #EF78A2;
  --chart-2: #49B464;
  --chart-3: #FB8A57;
  --chart-4: #3797EB;
  --chart-5: #D4B119;
  --sidebar: #0E1F24;
  --sidebar-foreground: #D4E1E4;
  --sidebar-primary: #F671A2;
  --sidebar-primary-foreground: #001015;
  --sidebar-accent: #132B32;
  --sidebar-accent-foreground: #D4E1E4;
  --sidebar-border: #24393F;
  --sidebar-ring: #F671A2;
}

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