:root {
  --radius: 6px;
  --font-sans: "Familjen Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Familjen Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #CAD9CA;
  --foreground: #090E06;
  --card: #CACDCA;
  --card-foreground: #090E06;
  --popover: #CACDCA;
  --popover-foreground: #090E06;
  --primary: #1A5B67;
  --primary-foreground: #F8FBF8;
  --secondary: #C0C4C0;
  --secondary-foreground: #090E06;
  --muted: #C0C4C0;
  --muted-foreground: #4A5243;
  --accent: #532CAB;
  --accent-foreground: #F8FBF8;
  --destructive: #990E13;
  --destructive-foreground: #F8FBF8;
  --border: #B1B4B1;
  --input: #B1B4B1;
  --ring: #1A5B67;
  --chart-1: #2D7E8D;
  --chart-2: #50919F;
  --chart-3: #2E646F;
  --chart-4: #7BA7B1;
  --chart-5: #2E4D54;
  --sidebar: #CACDCA;
  --sidebar-foreground: #090E06;
  --sidebar-primary: #1A5B67;
  --sidebar-primary-foreground: #F8FBF8;
  --sidebar-accent: #C0C4C0;
  --sidebar-accent-foreground: #090E06;
  --sidebar-border: #B1B4B1;
  --sidebar-ring: #1A5B67;
}

.dark {
  --background: #0D1E0E;
  --foreground: #EBF0E7;
  --card: #202720;
  --card-foreground: #EBF0E7;
  --popover: #202720;
  --popover-foreground: #EBF0E7;
  --primary: #5E9BA8;
  --primary-foreground: #071007;
  --secondary: #2B352B;
  --secondary-foreground: #EBF0E7;
  --muted: #2B352B;
  --muted-foreground: #989D93;
  --accent: #876AEC;
  --accent-foreground: #071007;
  --destructive: #E65F55;
  --destructive-foreground: #071007;
  --border: #3C453C;
  --input: #3C453C;
  --ring: #5E9BA8;
  --chart-1: #65B2C3;
  --chart-2: #5394A2;
  --chart-3: #91C8D5;
  --chart-4: #4F7983;
  --chart-5: #B5D8E0;
  --sidebar: #202720;
  --sidebar-foreground: #EBF0E7;
  --sidebar-primary: #5E9BA8;
  --sidebar-primary-foreground: #071007;
  --sidebar-accent: #2B352B;
  --sidebar-accent-foreground: #EBF0E7;
  --sidebar-border: #3C453C;
  --sidebar-ring: #5E9BA8;
}

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