:root {
  --radius: 7px;
  --font-sans: "Commissioner", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Commissioner", 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: 2px;
  --background: #CBE5FF;
  --foreground: #0D1221;
  --card: #C2D7ED;
  --card-foreground: #0D1221;
  --popover: #C2D7ED;
  --popover-foreground: #0D1221;
  --primary: #794D4E;
  --primary-foreground: #F6FBFF;
  --secondary: #AECAE7;
  --secondary-foreground: #0D1221;
  --muted: #AECAE7;
  --muted-foreground: #495269;
  --accent: #287E39;
  --accent-foreground: #F6FBFF;
  --destructive: #A51F1E;
  --destructive-foreground: #F6FBFF;
  --border: #A3BBD5;
  --input: #A3BBD5;
  --ring: #794D4E;
  --chart-1: #8A4F51;
  --chart-2: #337861;
  --chart-3: #7A5027;
  --chart-4: #5E70A1;
  --chart-5: #54581E;
  --sidebar: #C2D7ED;
  --sidebar-foreground: #0D1221;
  --sidebar-primary: #794D4E;
  --sidebar-primary-foreground: #F6FBFF;
  --sidebar-accent: #AECAE7;
  --sidebar-accent-foreground: #0D1221;
  --sidebar-border: #A3BBD5;
  --sidebar-ring: #794D4E;
}

.dark {
  --background: #071727;
  --foreground: #E6E9EE;
  --card: #19232C;
  --card-foreground: #E6E9EE;
  --popover: #19232C;
  --popover-foreground: #E6E9EE;
  --primary: #CD9B9B;
  --primary-foreground: #040E1A;
  --secondary: #23303D;
  --secondary-foreground: #E6E9EE;
  --muted: #23303D;
  --muted-foreground: #95979E;
  --accent: #6DC077;
  --accent-foreground: #040E1A;
  --destructive: #FF7C70;
  --destructive-foreground: #040E1A;
  --border: #34404D;
  --input: #34404D;
  --ring: #CD9B9B;
  --chart-1: #D59395;
  --chart-2: #6AAE94;
  --chart-3: #D5A67B;
  --chart-4: #8094C7;
  --chart-5: #B7BD81;
  --sidebar: #19232C;
  --sidebar-foreground: #E6E9EE;
  --sidebar-primary: #CD9B9B;
  --sidebar-primary-foreground: #040E1A;
  --sidebar-accent: #23303D;
  --sidebar-accent-foreground: #E6E9EE;
  --sidebar-border: #34404D;
  --sidebar-ring: #CD9B9B;
}

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