:root {
  color-scheme: light;

  --font-sans: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-ink: #202522;
  --color-muted: #5b6460;
  --color-page: #f7f8f6;
  --color-surface: #ffffff;
  --color-brand: #11645d;
  --color-brand-strong: #0a403b;
  --color-brand-soft: #e6f2ef;
  --color-action: #c84a16;
  --color-action-strong: #a93b0f;
  --color-action-soft: #fff4ed;
  --color-moss: #77966d;
  --color-sky-soft: #e8f3f6;
  --color-line: #dde4e0;
  --color-danger: #b42318;
  --color-focus: #1d7f75;

  --shadow-card: 0 14px 34px rgba(32, 37, 34, 0.09);
  --shadow-soft: 0 8px 24px rgba(32, 37, 34, 0.07);

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --container: 1180px;
  --gutter-mobile: 20px;
  --gutter-desktop: 32px;

  --text-xs: 0.875rem;
  --text-sm: 0.9375rem;
  --text-base: 1rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.25rem;
  --text-h3: clamp(1.25rem, 1.8vw, 1.55rem);
  --text-h2: clamp(1.625rem, 3vw, 2.125rem);
  --text-h1: clamp(2.125rem, 4.6vw, 3.5rem);

  --leading-tight: 1.08;
  --leading-title: 1.14;
  --leading-body: 1.62;

  --button-height: 48px;
  --input-height: 48px;
  --mobile-bar-height: 64px;

  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 180ms;
  --duration-base: 320ms;
  --duration-slow: 560ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 1ms;
    --duration-base: 1ms;
    --duration-slow: 1ms;
  }
}