:root {
  --radius: 12px;
  --font-sans: "Source Sans 3", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Newsreader", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Newsreader", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #F4F6F3;
  --foreground: #16211D;
  --card: #FFFFFF;
  --card-foreground: #16211D;
  --popover: #FFFFFF;
  --popover-foreground: #16211D;
  --primary: #14685A;
  --primary-foreground: #FFFFFF;
  --secondary: #E6EBE8;
  --secondary-foreground: #2C3B36;
  --muted: #E6EBE8;
  --muted-foreground: #5D6B65;
  --accent: #C0522E;
  --accent-foreground: #FFFFFF;
  --destructive: #A82E20;
  --destructive-foreground: #FFFFFF;
  --border: #CFD8D3;
  --input: #CFD8D3;
  --ring: #14685A;
  --chart-1: #14685A;
  --chart-2: #C0522E;
  --chart-3: #8A6520;
  --chart-4: #3E5F8A;
  --chart-5: #46534E;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #16211D;
  --sidebar-primary: #14685A;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #E6EBE8;
  --sidebar-accent-foreground: #16211D;
  --sidebar-border: #CFD8D3;
  --sidebar-ring: #14685A;
}

.dark {
  --background: #0F1613;
  --foreground: #EDF3F0;
  --card: #17201C;
  --card-foreground: #EDF3F0;
  --popover: #17201C;
  --popover-foreground: #EDF3F0;
  --primary: #58C4A8;
  --primary-foreground: #05201A;
  --secondary: #1E2A25;
  --secondary-foreground: #DEE8E3;
  --muted: #1E2A25;
  --muted-foreground: #98A8A1;
  --accent: #F08A70;
  --accent-foreground: #2A0C05;
  --destructive: #F0736A;
  --destructive-foreground: #2A0806;
  --border: #2A362F;
  --input: #2A362F;
  --ring: #58C4A8;
  --chart-1: #58C4A8;
  --chart-2: #F08A70;
  --chart-3: #D6B05E;
  --chart-4: #7FA8E8;
  --chart-5: #98A8A1;
  --sidebar: #17201C;
  --sidebar-foreground: #EDF3F0;
  --sidebar-primary: #58C4A8;
  --sidebar-primary-foreground: #05201A;
  --sidebar-accent: #1E2A25;
  --sidebar-accent-foreground: #EDF3F0;
  --sidebar-border: #2A362F;
  --sidebar-ring: #58C4A8;
}

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