:root {
  --radius: 4px;
  --font-sans: "Faustina", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Faustina", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Faustina", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Anonymous Pro", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #D7E3FE;
  --foreground: #1D1F23;
  --card: #CEDCFB;
  --card-foreground: #1D1F23;
  --popover: #CEDCFB;
  --popover-foreground: #1D1F23;
  --primary: #58498A;
  --primary-foreground: #F8FAFF;
  --secondary: #C1D3FD;
  --secondary-foreground: #1D1F23;
  --muted: #C1D3FD;
  --muted-foreground: #565A5F;
  --accent: #5C5774;
  --accent-foreground: #F8FAFF;
  --destructive: #9F1718;
  --destructive-foreground: #F8FAFF;
  --border: #B1C2E6;
  --input: #B1C2E6;
  --ring: #58498A;
  --chart-1: #7367A4;
  --chart-2: #877DB4;
  --chart-3: #5C547F;
  --chart-4: #9F98C0;
  --chart-5: #48435E;
  --sidebar: #CEDCFB;
  --sidebar-foreground: #1D1F23;
  --sidebar-primary: #58498A;
  --sidebar-primary-foreground: #F8FAFF;
  --sidebar-accent: #C1D3FD;
  --sidebar-accent-foreground: #1D1F23;
  --sidebar-border: #B1C2E6;
  --sidebar-ring: #58498A;
}

.dark {
  --background: #050D23;
  --foreground: #CAD7E5;
  --card: #14171E;
  --card-foreground: #CAD7E5;
  --popover: #14171E;
  --popover-foreground: #CAD7E5;
  --primary: #A496DE;
  --primary-foreground: #090D17;
  --secondary: #1D212B;
  --secondary-foreground: #CAD7E5;
  --muted: #1D212B;
  --muted-foreground: #7C8B9C;
  --accent: #A8A3C3;
  --accent-foreground: #090D17;
  --destructive: #FB7266;
  --destructive-foreground: #090D17;
  --border: #292D37;
  --input: #292D37;
  --ring: #A496DE;
  --chart-1: #A59ADB;
  --chart-2: #8A80B7;
  --chart-3: #BEB6E7;
  --chart-4: #726C91;
  --chart-5: #D1CCED;
  --sidebar: #14171E;
  --sidebar-foreground: #CAD7E5;
  --sidebar-primary: #A496DE;
  --sidebar-primary-foreground: #090D17;
  --sidebar-accent: #1D212B;
  --sidebar-accent-foreground: #CAD7E5;
  --sidebar-border: #292D37;
  --sidebar-ring: #A496DE;
}

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