:root {
  --radius: 3px;
  --font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Prata", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Prata", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #D6F0ED;
  --foreground: #171C1B;
  --card: #B5E8E1;
  --card-foreground: #171C1B;
  --popover: #B5E8E1;
  --popover-foreground: #171C1B;
  --primary: #6C003F;
  --primary-foreground: #F2FDFB;
  --secondary: #95DCD4;
  --secondary-foreground: #171C1B;
  --muted: #95DCD4;
  --muted-foreground: #515958;
  --accent: #7550BB;
  --accent-foreground: #F2FDFB;
  --destructive: #720007;
  --destructive-foreground: #F2FDFB;
  --border: #92CFC8;
  --input: #92CFC8;
  --ring: #6C003F;
  --chart-1: #8C0053;
  --chart-2: #7F4000;
  --chart-3: #384E00;
  --chart-4: #00686C;
  --chart-5: #3A0AA7;
  --sidebar: #B5E8E1;
  --sidebar-foreground: #171C1B;
  --sidebar-primary: #6C003F;
  --sidebar-primary-foreground: #F2FDFB;
  --sidebar-accent: #95DCD4;
  --sidebar-accent-foreground: #171C1B;
  --sidebar-border: #92CFC8;
  --sidebar-ring: #6C003F;
}

.dark {
  --background: #001614;
  --foreground: #D3DCD9;
  --card: #001F1D;
  --card-foreground: #D3DCD9;
  --popover: #001F1D;
  --popover-foreground: #D3DCD9;
  --primary: #FF95C1;
  --primary-foreground: #00110F;
  --secondary: #002A27;
  --secondary-foreground: #D3DCD9;
  --muted: #002A27;
  --muted-foreground: #848F8C;
  --accent: #8F6CD9;
  --accent-foreground: #00110F;
  --destructive: #FF9D92;
  --destructive-foreground: #00110F;
  --border: #003733;
  --input: #003733;
  --ring: #FF95C1;
  --chart-1: #FF85BA;
  --chart-2: #FC8500;
  --chart-3: #9CD200;
  --chart-4: #00B7BD;
  --chart-5: #B9BCFF;
  --sidebar: #001F1D;
  --sidebar-foreground: #D3DCD9;
  --sidebar-primary: #FF95C1;
  --sidebar-primary-foreground: #00110F;
  --sidebar-accent: #002A27;
  --sidebar-accent-foreground: #D3DCD9;
  --sidebar-border: #003733;
  --sidebar-ring: #FF95C1;
}

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