:root {
  --ww-color-canvas: #fafaf7;
  --ww-color-surface: #fff;
  --ww-color-surface-muted: #e9eee7;
  --ww-color-brand: #284d3c;
  --ww-color-brand-hover: #1f3f31;
  --ww-color-ink: #192b24;
  --ww-color-green-soft: #c7d5ba;
  --ww-color-text: #192b24;
  --ww-color-text-muted: #53635b;
  --ww-color-text-subtle: #6a786f;
  --ww-color-on-brand: #fff;
  --ww-color-border: #cdd6cf;
  --ww-color-border-strong: #9dafa3;
  --ww-color-focus: #0f6b4c;
  --ww-color-success: #1f6a43;
  --ww-color-warning: #9a6700;
  --ww-color-error: #b42318;
  --ww-color-info: #255e86;
  --ww-color-overlay: rgb(25 43 36 / 64%);
  --ww-font-family: "Manrope", Arial, Helvetica, sans-serif;
  --ww-font-weight-regular: 400;
  --ww-font-weight-medium: 500;
  --ww-font-weight-semibold: 600;
  --ww-font-weight-bold: 700;
  --ww-font-h1: clamp(2.5rem, 5.2vw, 4.75rem);
  --ww-font-h2: clamp(2rem, 3.6vw, 3.25rem);
  --ww-font-body: 1rem;
  --ww-font-body-large: clamp(1rem, 1.5vw, 1.125rem);
  --ww-space-1: 4px;
  --ww-space-2: 8px;
  --ww-space-3: 12px;
  --ww-space-4: 16px;
  --ww-space-5: 20px;
  --ww-space-6: 24px;
  --ww-space-7: 32px;
  --ww-space-8: 40px;
  --ww-space-9: 48px;
  --ww-space-10: 64px;
  --ww-space-11: 80px;
  --ww-space-12: 96px;
  --ww-space-13: 120px;
  --ww-space-14: 160px;
  --ww-container-max: 1440px;
  --ww-container-wide: 1680px;
  --ww-container-reading: 760px;
  --ww-gutter-mobile: 16px;
  --ww-gutter-tablet: 24px;
  --ww-gutter-desktop: 40px;
  --ww-gutter: var(--ww-gutter-mobile);
  --ww-section-y: 64px;
  --ww-radius-sm: 8px;
  --ww-radius-md: 12px;
  --ww-radius-lg: 20px;
  --ww-radius-xl: 28px;
  --ww-radius-pill: 999px;
  --ww-border-width: 1px;
  --ww-shadow-sm: 0 2px 8px rgb(25 43 36 / 8%);
  --ww-shadow-md: 0 12px 32px rgb(25 43 36 / 12%);
  --ww-shadow-lg: 0 24px 64px rgb(25 43 36 / 18%);
  --ww-duration-fast: 120ms;
  --ww-duration-base: 200ms;
  --ww-duration-slow: 320ms;
  --ww-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ww-ease-emphasized: cubic-bezier(.16, 1, .3, 1);
  --ww-z-header: 100;
  --ww-z-panel: 200;
  --ww-z-modal: 300;
  --ww-z-toast: 400;
  --ww-header-height: 80px;
  --ww-admin-bar: 0px;
}
body.admin-bar { --ww-admin-bar: 46px; }
@media (min-width: 768px) {
  :root { --ww-gutter: var(--ww-gutter-tablet); --ww-section-y: 96px; --ww-font-h1: clamp(3.25rem, 5.2vw, 4.75rem); }
  body.admin-bar { --ww-admin-bar: 32px; }
}
@media (min-width: 1024px) {
  :root { --ww-gutter: var(--ww-gutter-desktop); --ww-section-y: 120px; --ww-header-height: 96px; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --ww-duration-fast: 0ms; --ww-duration-base: 0ms; --ww-duration-slow: 0ms; }
}