/* Leadder design system 1.0.0. Generated by scripts/design-system/generate.mjs. */
:root {
  --brand-green: #106B46;
  --brand-highlight: #4AB882;
  --brand-mark: #106A46;
  --font-sans: 'Leadder Geist', system-ui, sans-serif;
  --font-heading: 'Leadder Manrope', system-ui, sans-serif;
  --font-mono: 'Leadder Geist Mono', monospace;
  --radius: .625rem;
  --radius-panel: 1rem;
  --duration-fast: 150ms;
  --duration-normal: 220ms;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1.0rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2.0rem;
  --space-8: 2.5rem;
  --space-9: 3.0rem;
  --space-10: 4.0rem;
  --logo-backing: #FFFFFF;
}
:root, .dark {
  color-scheme: dark;
  --background: #111815;
  --foreground: #F0F5F2;
  --card: #1B2620;
  --card-foreground: #F0F5F2;
  --popover: #1B2620;
  --popover-foreground: #F0F5F2;
  --primary: #4AB882;
  --primary-foreground: #10281B;
  --secondary: #26382E;
  --secondary-foreground: #E2EEE6;
  --muted: #16201B;
  --muted-foreground: #AABBB0;
  --accent: #263E31;
  --accent-foreground: #BCEACD;
  --destructive: #FFB4AB;
  --destructive-foreground: #4A1714;
  --border: #344B3E;
  --control-border: #71877A;
  --input: #16201B;
  --ring: #4AB882;
  --success: #85D7A9;
  --success-foreground: #142C20;
  --warning: #F2C46D;
  --warning-foreground: #33270E;
  --info: #A0C9EB;
  --info-foreground: #162B3D;
  --overlay: rgb(0 0 0 / 0.65);
  --shadow-raised: 7px 7px 20px rgb(0 0 0 / .24), -3px -3px 12px rgb(183 229 201 / .025);
  --shadow-inset: inset 2px 2px 5px rgb(0 0 0 / .22), inset -1px -1px 3px rgb(183 229 201 / .025);
  --leadder-shadow-raised: 7px 7px 20px rgb(0 0 0 / .24), -3px -3px 12px rgb(183 229 201 / .025);
  --leadder-shadow-inset: inset 2px 2px 5px rgb(0 0 0 / .22), inset -1px -1px 3px rgb(183 229 201 / .025);
  --shadow-overlay: 0 18px 60px rgb(0 0 0 / .45);
  --sidebar: var(--card);
  --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--accent-foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
  --emerald: var(--primary);
  --emerald-hover: var(--primary);
  --charcoal: var(--background);
  --charcoal-light: var(--card);
  --chart-1: var(--primary);
  --chart-2: var(--info);
  --chart-3: var(--warning);
  --chart-4: var(--success);
  --chart-5: var(--destructive);
}
.light {
  color-scheme: light;
  --background: #F3F6F4;
  --foreground: #172B22;
  --card: #FFFFFF;
  --card-foreground: #172B22;
  --popover: #FFFFFF;
  --popover-foreground: #172B22;
  --primary: #106B46;
  --primary-foreground: #FFFFFF;
  --secondary: #E7EEE9;
  --secondary-foreground: #244E38;
  --muted: #E7EEE9;
  --muted-foreground: #52665B;
  --accent: #DDEFE3;
  --accent-foreground: #155B38;
  --destructive: #A32D28;
  --destructive-foreground: #FFFFFF;
  --border: #CAD8CE;
  --control-border: #75877B;
  --input: #F3F6F4;
  --ring: #106B46;
  --success: #176A40;
  --success-foreground: #FFFFFF;
  --warning: #785209;
  --warning-foreground: #FFFFFF;
  --info: #235B82;
  --info-foreground: #FFFFFF;
  --overlay: rgb(13 30 20 / 0.5);
  --shadow-raised: 7px 7px 20px rgb(40 74 51 / .09), -5px -5px 14px rgb(255 255 255 / .85);
  --shadow-inset: inset 2px 2px 5px rgb(40 74 51 / .09), inset -2px -2px 4px rgb(255 255 255 / .8);
  --leadder-shadow-raised: 7px 7px 20px rgb(40 74 51 / .09), -5px -5px 14px rgb(255 255 255 / .85);
  --leadder-shadow-inset: inset 2px 2px 5px rgb(40 74 51 / .09), inset -2px -2px 4px rgb(255 255 255 / .8);
  --shadow-overlay: 0 18px 60px rgb(23 43 34 / .18);
  --sidebar: var(--card);
  --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--accent-foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
  --emerald: var(--primary);
  --emerald-hover: var(--primary);
  --charcoal: var(--background);
  --charcoal-light: var(--card);
  --chart-1: var(--primary);
  --chart-2: var(--info);
  --chart-3: var(--warning);
  --chart-4: var(--success);
  --chart-5: var(--destructive);
}