:root {
  --radius: 6px;
  --font-sans: "Asap", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Petrona", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Petrona", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Cousine", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #9DADBC;
  --foreground: #000000;
  --card: #9C9D9E;
  --card-foreground: #000000;
  --popover: #9C9D9E;
  --popover-foreground: #000000;
  --primary: #395531;
  --primary-foreground: #F9FAFB;
  --secondary: #8D8F90;
  --secondary-foreground: #000000;
  --muted: #8D8F90;
  --muted-foreground: #1A2832;
  --accent: #174D00;
  --accent-foreground: #F9FAFB;
  --destructive: #B6312D;
  --destructive-foreground: #F9FAFB;
  --border: #838486;
  --input: #838486;
  --ring: #395531;
  --chart-1: #537749;
  --chart-2: #2B8186;
  --chart-3: #536191;
  --chart-4: #9D6786;
  --chart-5: #7B5327;
  --sidebar: #9C9D9E;
  --sidebar-foreground: #000000;
  --sidebar-primary: #395531;
  --sidebar-primary-foreground: #F9FAFB;
  --sidebar-accent: #8D8F90;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #838486;
  --sidebar-ring: #395531;
}

.dark {
  --background: #122739;
  --foreground: #FBFEFF;
  --card: #2D3033;
  --card-foreground: #FBFEFF;
  --popover: #2D3033;
  --popover-foreground: #FBFEFF;
  --primary: #84A47C;
  --primary-foreground: #0A0E12;
  --secondary: #373C40;
  --secondary-foreground: #FBFEFF;
  --muted: #373C40;
  --muted-foreground: #91AABA;
  --accent: #6DC652;
  --accent-foreground: #0A0E12;
  --destructive: #F0685D;
  --destructive-foreground: #0A0E12;
  --border: #464A4D;
  --input: #464A4D;
  --ring: #84A47C;
  --chart-1: #84AA79;
  --chart-2: #51A2A8;
  --chart-3: #93A4D9;
  --chart-4: #AE7897;
  --chart-5: #CFA375;
  --sidebar: #2D3033;
  --sidebar-foreground: #FBFEFF;
  --sidebar-primary: #84A47C;
  --sidebar-primary-foreground: #0A0E12;
  --sidebar-accent: #373C40;
  --sidebar-accent-foreground: #FBFEFF;
  --sidebar-border: #464A4D;
  --sidebar-ring: #84A47C;
}

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