:root {
  --radius: 12px;
  --font-sans: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #F6F8F8;
  --foreground: #14201F;
  --card: #FFFFFF;
  --card-foreground: #14201F;
  --popover: #FFFFFF;
  --popover-foreground: #14201F;
  --primary: #0F6B70;
  --primary-foreground: #FFFFFF;
  --secondary: #E4EDED;
  --secondary-foreground: #27403F;
  --muted: #E4EDED;
  --muted-foreground: #566665;
  --accent: #4A7A52;
  --accent-foreground: #FFFFFF;
  --destructive: #A32B32;
  --destructive-foreground: #FFFFFF;
  --border: #D3DEDE;
  --input: #D3DEDE;
  --ring: #0F6B70;
  --chart-1: #0F6B70;
  --chart-2: #4A7A52;
  --chart-3: #8A6520;
  --chart-4: #3E5F8A;
  --chart-5: #7A5A8A;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #14201F;
  --sidebar-primary: #0F6B70;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #E4EDED;
  --sidebar-accent-foreground: #14201F;
  --sidebar-border: #D3DEDE;
  --sidebar-ring: #0F6B70;
}

.dark {
  --background: #0C1414;
  --foreground: #E8F0EF;
  --card: #131E1E;
  --card-foreground: #E8F0EF;
  --popover: #131E1E;
  --popover-foreground: #E8F0EF;
  --primary: #4FC3C7;
  --primary-foreground: #04201F;
  --secondary: #1B2828;
  --secondary-foreground: #DCE7E6;
  --muted: #1B2828;
  --muted-foreground: #96A6A5;
  --accent: #8FCB92;
  --accent-foreground: #06200A;
  --destructive: #F0757C;
  --destructive-foreground: #2A060A;
  --border: #263535;
  --input: #263535;
  --ring: #4FC3C7;
  --chart-1: #4FC3C7;
  --chart-2: #8FCB92;
  --chart-3: #D6B05E;
  --chart-4: #7FA8E8;
  --chart-5: #C79AD8;
  --sidebar: #131E1E;
  --sidebar-foreground: #E8F0EF;
  --sidebar-primary: #4FC3C7;
  --sidebar-primary-foreground: #04201F;
  --sidebar-accent: #1B2828;
  --sidebar-accent-foreground: #E8F0EF;
  --sidebar-border: #263535;
  --sidebar-ring: #4FC3C7;
}

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