:root {
  --radius: 2px;
  --font-sans: "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Saira", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Fira Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #BCDDE2;
  --foreground: #011013;
  --card: #C4CFD1;
  --card-foreground: #011013;
  --popover: #C4CFD1;
  --popover-foreground: #011013;
  --primary: #004E82;
  --primary-foreground: #F1FDFE;
  --secondary: #B7C6C9;
  --secondary-foreground: #011013;
  --muted: #B7C6C9;
  --muted-foreground: #395459;
  --accent: #902855;
  --accent-foreground: #F1FDFE;
  --destructive: #91000C;
  --destructive-foreground: #F1FDFE;
  --border: #A7B5B7;
  --input: #A7B5B7;
  --ring: #004E82;
  --chart-1: #035C97;
  --chart-2: #734992;
  --chart-3: #862E35;
  --chart-4: #7D6400;
  --chart-5: #005748;
  --sidebar: #C4CFD1;
  --sidebar-foreground: #011013;
  --sidebar-primary: #004E82;
  --sidebar-primary-foreground: #F1FDFE;
  --sidebar-accent: #B7C6C9;
  --sidebar-accent-foreground: #011013;
  --sidebar-border: #A7B5B7;
  --sidebar-ring: #004E82;
}

.dark {
  --background: #05262A;
  --foreground: #EAFCFF;
  --card: #0C3136;
  --card-foreground: #EAFCFF;
  --popover: #0C3136;
  --popover-foreground: #EAFCFF;
  --primary: #84C4FF;
  --primary-foreground: #001013;
  --secondary: #033F47;
  --secondary-foreground: #EAFCFF;
  --muted: #033F47;
  --muted-foreground: #8EA8AC;
  --accent: #EF7EA8;
  --accent-foreground: #001013;
  --destructive: #FFA096;
  --destructive-foreground: #001013;
  --border: #214E55;
  --input: #214E55;
  --ring: #84C4FF;
  --chart-1: #72BCFD;
  --chart-2: #C196E4;
  --chart-3: #FF9FA0;
  --chart-4: #BDA03E;
  --chart-5: #61DEC0;
  --sidebar: #0C3136;
  --sidebar-foreground: #EAFCFF;
  --sidebar-primary: #84C4FF;
  --sidebar-primary-foreground: #001013;
  --sidebar-accent: #033F47;
  --sidebar-accent-foreground: #EAFCFF;
  --sidebar-border: #214E55;
  --sidebar-ring: #84C4FF;
}

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