:root {
  color-scheme: light;
  --color-primary: #08B95E;
  --color-primary-hover: #079A50;
  --color-primary-soft: #E6F7EE;
  --color-dark: #0B191D;
  --color-dark-secondary: #14272A;
  --color-white: #FFFFFF;
  --color-background: #FFFFFF;
  --color-background-alt: #F5F6F6;
  --color-text: #152126;
  --color-text-muted: #667378;
  --color-text-muted-on-light: #667378;
  --color-border: #E1E7E4;
  --color-on-primary: var(--color-dark);
  --color-on-dark: var(--color-white);
  --color-muted-on-dark: #B8C7C3;
  --color-border-dark: rgb(255 255 255 / 28%);
  --color-link: #06743C;
  --color-link-hover: #04562D;
  --color-focus: #06743C;
  --color-focus-dark: #65E7A1;
  --color-error: #B42318;
  --color-success: #06743C;
  --color-disabled-bg: #E1E7E4;
  --color-disabled-text: #52615C;
  --color-overlay: rgb(11 25 29 / 78%);
  --color-overlay-fade: rgb(11 25 29 / 18%);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6.5rem;
  --space-12: 7.5rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.875rem;
  --radius-xl: 1rem;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 6px rgb(11 25 29 / 4%);
  --shadow-md: 0 8px 24px rgb(11 25 29 / 8%);
  --shadow-lg: 0 16px 48px rgb(11 25 29 / 12%);
  --border-width: 1px;
  --border-default: var(--border-width) solid var(--color-border);
  --border-on-dark: var(--border-width) solid var(--color-border-dark);
  --duration-fast: 180ms;
  --duration-normal: 250ms;
  --duration-slow: 450ms;
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --container-max: 80rem;
  --container-wide: 90rem;
  --container-narrow: 56rem;
  --container-gutter: 1.25rem;
  --grid-columns: 1;
  --grid-gap: var(--space-4);
  --section-space: clamp(4rem, 3rem + 4vw, 5rem);
  --section-content-gap: var(--space-6);
  --card-padding: clamp(1.25rem, 1rem + 1vw, 1.75rem);
  --control-min: 3rem;
}