:root {
  --radius: 6px;
  --font-sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Syne", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #F4E7F6;
  --foreground: #29202B;
  --card: #E7E0E8;
  --card-foreground: #29202B;
  --popover: #E7E0E8;
  --popover-foreground: #29202B;
  --primary: #AC0084;
  --primary-foreground: #FEF8FF;
  --secondary: #DFD5E0;
  --secondary-foreground: #29202B;
  --muted: #DFD5E0;
  --muted-foreground: #675869;
  --accent: #007F8A;
  --accent-foreground: #FEF8FF;
  --destructive: #B02B27;
  --destructive-foreground: #FEF8FF;
  --border: #CDC4CE;
  --input: #CDC4CE;
  --ring: #AC0084;
  --chart-1: #AB2986;
  --chart-2: #B64800;
  --chart-3: #606600;
  --chart-4: #008A81;
  --chart-5: #3448C1;
  --sidebar: #E7E0E8;
  --sidebar-foreground: #29202B;
  --sidebar-primary: #AC0084;
  --sidebar-primary-foreground: #FEF8FF;
  --sidebar-accent: #DFD5E0;
  --sidebar-accent-foreground: #29202B;
  --sidebar-border: #CDC4CE;
  --sidebar-ring: #AC0084;
}

.dark {
  --background: #0A050D;
  --foreground: #D5CCD8;
  --card: #140E17;
  --card-foreground: #D5CCD8;
  --popover: #140E17;
  --popover-foreground: #D5CCD8;
  --primary: #EF42BD;
  --primary-foreground: #120916;
  --secondary: #211826;
  --secondary-foreground: #D5CCD8;
  --muted: #211826;
  --muted-foreground: #8B818E;
  --accent: #00DDEF;
  --accent-foreground: #120916;
  --destructive: #EB6459;
  --destructive-foreground: #120916;
  --border: #2F2734;
  --input: #2F2734;
  --ring: #EF42BD;
  --chart-1: #E562BB;
  --chart-2: #EB5F03;
  --chart-3: #A3AD00;
  --chart-4: #009D94;
  --chart-5: #89A4FF;
  --sidebar: #140E17;
  --sidebar-foreground: #D5CCD8;
  --sidebar-primary: #EF42BD;
  --sidebar-primary-foreground: #120916;
  --sidebar-accent: #211826;
  --sidebar-accent-foreground: #D5CCD8;
  --sidebar-border: #2F2734;
  --sidebar-ring: #EF42BD;
}

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