:root {
  --radius: 4px;
  --font-sans: "Urbanist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Gabarito", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Kode Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #D1EDFF;
  --foreground: #151D27;
  --card: #CAE1EF;
  --card-foreground: #151D27;
  --popover: #CAE1EF;
  --popover-foreground: #151D27;
  --primary: #658365;
  --primary-foreground: #020F18;
  --secondary: #B6D5E9;
  --secondary-foreground: #151D27;
  --muted: #B6D5E9;
  --muted-foreground: #4C5A68;
  --accent: #9E3E98;
  --accent-foreground: #F5FBFF;
  --destructive: #B6322D;
  --destructive-foreground: #F5FBFF;
  --border: #AAC5D6;
  --input: #AAC5D6;
  --ring: #658365;
  --chart-1: #537E54;
  --chart-2: #6C926C;
  --chart-3: #466446;
  --chart-4: #8CA78C;
  --chart-5: #3B4D3B;
  --sidebar: #CAE1EF;
  --sidebar-foreground: #151D27;
  --sidebar-primary: #658365;
  --sidebar-primary-foreground: #020F18;
  --sidebar-accent: #B6D5E9;
  --sidebar-accent-foreground: #151D27;
  --sidebar-border: #AAC5D6;
  --sidebar-ring: #658365;
}

.dark {
  --background: #001A29;
  --foreground: #DCE3EA;
  --card: #052333;
  --card-foreground: #DCE3EA;
  --popover: #052333;
  --popover-foreground: #DCE3EA;
  --primary: #C5E6C5;
  --primary-foreground: #020F18;
  --secondary: #002E44;
  --secondary-foreground: #DCE3EA;
  --muted: #002E44;
  --muted-foreground: #8C949C;
  --accent: #CF6CC8;
  --accent-foreground: #020F18;
  --destructive: #FFCDC7;
  --destructive-foreground: #020F18;
  --border: #153A4E;
  --input: #153A4E;
  --ring: #C5E6C5;
  --chart-1: #85B286;
  --chart-2: #6F956F;
  --chart-3: #A7C8A7;
  --chart-4: #607960;
  --chart-5: #C2D8C2;
  --sidebar: #052333;
  --sidebar-foreground: #DCE3EA;
  --sidebar-primary: #C5E6C5;
  --sidebar-primary-foreground: #020F18;
  --sidebar-accent: #002E44;
  --sidebar-accent-foreground: #DCE3EA;
  --sidebar-border: #153A4E;
  --sidebar-ring: #C5E6C5;
}

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