:root {
  --radius: 4px;
  --font-sans: "Asap", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Khand", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Overpass Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #E2DDED;
  --foreground: #100D11;
  --card: #D8CDF2;
  --card-foreground: #100D11;
  --popover: #D8CDF2;
  --popover-foreground: #100D11;
  --primary: #009141;
  --primary-foreground: #0F0A18;
  --secondary: #CCBCEE;
  --secondary-foreground: #100D11;
  --muted: #CCBCEE;
  --muted-foreground: #524F54;
  --accent: #00823A;
  --accent-foreground: #FBF9FF;
  --destructive: #B6322D;
  --destructive-foreground: #FBF9FF;
  --border: #C0B2DE;
  --input: #C0B2DE;
  --ring: #009141;
  --chart-1: #118D42;
  --chart-2: #008DA0;
  --chart-3: #625EC1;
  --chart-4: #C8598A;
  --chart-5: #885E00;
  --sidebar: #D8CDF2;
  --sidebar-foreground: #100D11;
  --sidebar-primary: #009141;
  --sidebar-primary-foreground: #0F0A18;
  --sidebar-accent: #CCBCEE;
  --sidebar-accent-foreground: #100D11;
  --sidebar-border: #C0B2DE;
  --sidebar-ring: #009141;
}

.dark {
  --background: #1B1625;
  --foreground: #EEE5F3;
  --card: #261F32;
  --card-foreground: #EEE5F3;
  --popover: #261F32;
  --popover-foreground: #EEE5F3;
  --primary: #35B65F;
  --primary-foreground: #0F0A18;
  --secondary: #332A44;
  --secondary-foreground: #EEE5F3;
  --muted: #332A44;
  --muted-foreground: #9D94A4;
  --accent: #48D072;
  --accent-foreground: #0F0A18;
  --destructive: #F1695E;
  --destructive-foreground: #0F0A18;
  --border: #413A52;
  --input: #413A52;
  --ring: #35B65F;
  --chart-1: #4BB76A;
  --chart-2: #00A6BD;
  --chart-3: #9999FF;
  --chart-4: #D06090;
  --chart-5: #E09F1A;
  --sidebar: #261F32;
  --sidebar-foreground: #EEE5F3;
  --sidebar-primary: #35B65F;
  --sidebar-primary-foreground: #0F0A18;
  --sidebar-accent: #332A44;
  --sidebar-accent-foreground: #EEE5F3;
  --sidebar-border: #413A52;
  --sidebar-ring: #35B65F;
}

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