:root {
  --radius: 2px;
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #EAF1F5;
  --foreground: #1F2A31;
  --card: #E2E9EE;
  --card-foreground: #1F2A31;
  --popover: #E2E9EE;
  --popover-foreground: #1F2A31;
  --primary: #006F83;
  --primary-foreground: #F5FBFF;
  --secondary: #D7E1E7;
  --secondary-foreground: #1F2A31;
  --muted: #D7E1E7;
  --muted-foreground: #53646E;
  --accent: #515D7A;
  --accent-foreground: #F5FBFF;
  --destructive: #B02B27;
  --destructive-foreground: #F5FBFF;
  --border: #C5CED3;
  --input: #C5CED3;
  --ring: #006F83;
  --chart-1: #007F95;
  --chart-2: #3294A9;
  --chart-3: #0C6677;
  --chart-4: #6DA9B8;
  --chart-5: #224F59;
  --sidebar: #E2E9EE;
  --sidebar-foreground: #1F2A31;
  --sidebar-primary: #006F83;
  --sidebar-primary-foreground: #F5FBFF;
  --sidebar-accent: #D7E1E7;
  --sidebar-accent-foreground: #1F2A31;
  --sidebar-border: #C5CED3;
  --sidebar-ring: #006F83;
}

.dark {
  --background: #0C151A;
  --foreground: #D2E0E7;
  --card: #151E23;
  --card-foreground: #D2E0E7;
  --popover: #151E23;
  --popover-foreground: #D2E0E7;
  --primary: #31BDDA;
  --primary-foreground: #030F16;
  --secondary: #1D2930;
  --secondary-foreground: #D2E0E7;
  --muted: #1D2930;
  --muted-foreground: #81929B;
  --accent: #909EC2;
  --accent-foreground: #030F16;
  --destructive: #FF7F73;
  --destructive-foreground: #030F16;
  --border: #2B363D;
  --input: #2B363D;
  --ring: #31BDDA;
  --chart-1: #41B5CF;
  --chart-2: #3597AD;
  --chart-3: #7FCBDE;
  --chart-4: #407B8A;
  --chart-5: #ABDAE6;
  --sidebar: #151E23;
  --sidebar-foreground: #D2E0E7;
  --sidebar-primary: #31BDDA;
  --sidebar-primary-foreground: #030F16;
  --sidebar-accent: #1D2930;
  --sidebar-accent-foreground: #D2E0E7;
  --sidebar-border: #2B363D;
  --sidebar-ring: #31BDDA;
}

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