:root {
  --radius: 12px;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #F6F6FC;
  --foreground: #2A2A37;
  --card: #ECECF5;
  --card-foreground: #2A2A37;
  --popover: #ECECF5;
  --popover-foreground: #2A2A37;
  --primary: #6B3FE2;
  --primary-foreground: #F9F9FF;
  --secondary: #E2E2EE;
  --secondary-foreground: #2A2A37;
  --muted: #E2E2EE;
  --muted-foreground: #626275;
  --accent: #008085;
  --accent-foreground: #F9F9FF;
  --destructive: #B6322D;
  --destructive-foreground: #F9F9FF;
  --border: #CECFD9;
  --input: #CECFD9;
  --ring: #6B3FE2;
  --chart-1: #6C4BDA;
  --chart-2: #C32684;
  --chart-3: #935100;
  --chart-4: #518E00;
  --chart-5: #00687B;
  --sidebar: #ECECF5;
  --sidebar-foreground: #2A2A37;
  --sidebar-primary: #6B3FE2;
  --sidebar-primary-foreground: #F9F9FF;
  --sidebar-accent: #E2E2EE;
  --sidebar-accent-foreground: #2A2A37;
  --sidebar-border: #CECFD9;
  --sidebar-ring: #6B3FE2;
}

.dark {
  --background: #0F0E1D;
  --foreground: #D8D8E6;
  --card: #191826;
  --card-foreground: #D8D8E6;
  --popover: #191826;
  --popover-foreground: #D8D8E6;
  --primary: #A497FF;
  --primary-foreground: #0C0B1A;
  --secondary: #232235;
  --secondary-foreground: #D8D8E6;
  --muted: #232235;
  --muted-foreground: #8A8B9C;
  --accent: #28D6DF;
  --accent-foreground: #0C0B1A;
  --destructive: #FF786D;
  --destructive-foreground: #0C0B1A;
  --border: #303042;
  --input: #303042;
  --ring: #A497FF;
  --chart-1: #A395FF;
  --chart-2: #E86AAC;
  --chart-3: #FC911A;
  --chart-4: #68A927;
  --chart-5: #00CBEE;
  --sidebar: #191826;
  --sidebar-foreground: #D8D8E6;
  --sidebar-primary: #A497FF;
  --sidebar-primary-foreground: #0C0B1A;
  --sidebar-accent: #232235;
  --sidebar-accent-foreground: #D8D8E6;
  --sidebar-border: #303042;
  --sidebar-ring: #A497FF;
}

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