:root {
  --radius: 0px;
  --font-sans: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Azeret Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 1px;
  --background: #F1F3F8;
  --foreground: #252934;
  --card: #E8EBF1;
  --card-foreground: #252934;
  --popover: #E8EBF1;
  --popover-foreground: #252934;
  --primary: #0C2DBB;
  --primary-foreground: #F8FAFF;
  --secondary: #DDE1EA;
  --secondary-foreground: #252934;
  --muted: #DDE1EA;
  --muted-foreground: #5C6372;
  --accent: #5981E0;
  --accent-foreground: #0A0D13;
  --destructive: #8B000B;
  --destructive-foreground: #F8FAFF;
  --border: #CCCFD6;
  --input: #CCCFD6;
  --ring: #0C2DBB;
  --chart-1: #3665E4;
  --chart-2: #517FEE;
  --chart-3: #3154AD;
  --chart-4: #799CEA;
  --chart-5: #2E457B;
  --sidebar: #E8EBF1;
  --sidebar-foreground: #252934;
  --sidebar-primary: #0C2DBB;
  --sidebar-primary-foreground: #F8FAFF;
  --sidebar-accent: #DDE1EA;
  --sidebar-accent-foreground: #252934;
  --sidebar-border: #CCCFD6;
  --sidebar-ring: #0C2DBB;
}

.dark {
  --background: #0A0F1A;
  --foreground: #D3D8E5;
  --card: #141922;
  --card-foreground: #D3D8E5;
  --popover: #141922;
  --popover-foreground: #D3D8E5;
  --primary: #6E9AFF;
  --primary-foreground: #070D1A;
  --secondary: #1D2331;
  --secondary-foreground: #D3D8E5;
  --muted: #1D2331;
  --muted-foreground: #848C9A;
  --accent: #426BCE;
  --accent-foreground: #F8FAFF;
  --destructive: #F66D62;
  --destructive-foreground: #070D1A;
  --border: #2B313E;
  --input: #2B313E;
  --ring: #6E9AFF;
  --chart-1: #78A1FF;
  --chart-2: #5482F1;
  --chart-3: #9EBDFF;
  --chart-4: #4E6EB9;
  --chart-5: #BBD1FF;
  --sidebar: #141922;
  --sidebar-foreground: #D3D8E5;
  --sidebar-primary: #6E9AFF;
  --sidebar-primary-foreground: #070D1A;
  --sidebar-accent: #1D2331;
  --sidebar-accent-foreground: #D3D8E5;
  --sidebar-border: #2B313E;
  --sidebar-ring: #6E9AFF;
}

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