:root {
  --radius: 4px;
  --font-sans: "Cabin", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Gloock", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Gloock", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Cutive Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #A6A5B5;
  --foreground: #000000;
  --card: #9898A0;
  --card-foreground: #000000;
  --popover: #9898A0;
  --popover-foreground: #000000;
  --primary: #7F2195;
  --primary-foreground: #FAF9FF;
  --secondary: #888893;
  --secondary-foreground: #000000;
  --muted: #888893;
  --muted-foreground: #1B1F36;
  --accent: #600373;
  --accent-foreground: #FAF9FF;
  --destructive: #9F1618;
  --destructive-foreground: #FAF9FF;
  --border: #7E7D87;
  --input: #7E7D87;
  --ring: #7F2195;
  --chart-1: #86369A;
  --chart-2: #B22E39;
  --chart-3: #6B5500;
  --chart-4: #00825C;
  --chart-5: #00548B;
  --sidebar: #9898A0;
  --sidebar-foreground: #000000;
  --sidebar-primary: #7F2195;
  --sidebar-primary-foreground: #FAF9FF;
  --sidebar-accent: #888893;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #7E7D87;
  --sidebar-ring: #7F2195;
}

.dark {
  --background: #26262D;
  --foreground: #FFFFFF;
  --card: #313138;
  --card-foreground: #FFFFFF;
  --popover: #313138;
  --popover-foreground: #FFFFFF;
  --primary: #D67AEF;
  --primary-foreground: #0D0C16;
  --secondary: #3D3D48;
  --secondary-foreground: #FFFFFF;
  --muted: #3D3D48;
  --muted-foreground: #A6AAB8;
  --accent: #CB78E0;
  --accent-foreground: #0D0C16;
  --destructive: #FE7569;
  --destructive-foreground: #0D0C16;
  --border: #4C4C56;
  --input: #4C4C56;
  --ring: #D67AEF;
  --chart-1: #D17FE7;
  --chart-2: #F2696D;
  --chart-3: #D2A900;
  --chart-4: #00AD7B;
  --chart-5: #6FBBFF;
  --sidebar: #313138;
  --sidebar-foreground: #FFFFFF;
  --sidebar-primary: #D67AEF;
  --sidebar-primary-foreground: #0D0C16;
  --sidebar-accent: #3D3D48;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #4C4C56;
  --sidebar-ring: #D67AEF;
}

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