:root {
  --radius: 6px;
  --font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Unbounded", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Red Hat Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #F8EAF4;
  --foreground: #271D26;
  --card: #FAD8EF;
  --card-foreground: #271D26;
  --popover: #FAD8EF;
  --popover-foreground: #271D26;
  --primary: #923DE6;
  --primary-foreground: #FFF8FD;
  --secondary: #F4C8E7;
  --secondary-foreground: #271D26;
  --muted: #F4C8E7;
  --muted-foreground: #655763;
  --accent: #D66669;
  --accent-foreground: #150812;
  --destructive: #B6322D;
  --destructive-foreground: #FFF8FD;
  --border: #E1BAD6;
  --input: #E1BAD6;
  --ring: #923DE6;
  --chart-1: #8B43D7;
  --chart-2: #9C63E2;
  --chart-3: #6D3DA3;
  --chart-4: #AE89E2;
  --chart-5: #523875;
  --sidebar: #FAD8EF;
  --sidebar-foreground: #271D26;
  --sidebar-primary: #923DE6;
  --sidebar-primary-foreground: #FFF8FD;
  --sidebar-accent: #F4C8E7;
  --sidebar-accent-foreground: #271D26;
  --sidebar-border: #E1BAD6;
  --sidebar-ring: #923DE6;
}

.dark {
  --background: #220B1D;
  --foreground: #E1DAE0;
  --card: #2B1526;
  --card-foreground: #E1DAE0;
  --popover: #2B1526;
  --popover-foreground: #E1DAE0;
  --primary: #C297FF;
  --primary-foreground: #150812;
  --secondary: #3A1B33;
  --secondary-foreground: #E1DAE0;
  --muted: #3A1B33;
  --muted-foreground: #948B93;
  --accent: #D26366;
  --accent-foreground: #150812;
  --destructive: #FF897D;
  --destructive-foreground: #150812;
  --border: #462A3F;
  --input: #462A3F;
  --ring: #C297FF;
  --chart-1: #BA86FF;
  --chart-2: #9F66E5;
  --chart-3: #CCABFF;
  --chart-4: #805CB1;
  --chart-5: #DBC5FF;
  --sidebar: #2B1526;
  --sidebar-foreground: #E1DAE0;
  --sidebar-primary: #C297FF;
  --sidebar-primary-foreground: #150812;
  --sidebar-accent: #3A1B33;
  --sidebar-accent-foreground: #E1DAE0;
  --sidebar-border: #462A3F;
  --sidebar-ring: #C297FF;
}

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