:root {
  --bg-page: #ffffff;
  --bg-surface: #ffffff;
  --bg-muted: #f1f1ef;
  --bg-nav: #f5f5f3;

  --green-soft: #d6e5be;
  --green-soft-2: #dce9c8;
  --green-soft-3: #d3e3b6;
  --green-dark: #064b39;
  --green-primary: #22b84b;

  --text-primary: #111111;
  --text-secondary: #5e625d;
  --border-soft: #e8e8e4;
  --ink-btn: #151515;

  --radius-sm: 16px;
  --radius-md: 22px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --shadow: 0 8px 30px rgba(0, 0, 0, 0.035);
  --shadow-hover: 0 16px 40px rgba(0, 0, 0, 0.065);
  --font: "Manrope", "Inter", "Helvetica Neue", Arial, sans-serif;
  --motion-instant: 120ms;
  --motion-fast: 180ms;
  --motion-base: 300ms;
  --motion-medium: 500ms;
  --motion-slow: 750ms;
  --motion-xslow: 1000ms;
  --ease-out-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out-premium: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --ease: var(--ease-out-premium);
  --content-max: 1760px;
  --header-h: 100px;
  --shot-ratio: 4 / 3;
  --pad-inline: clamp(24px, 5vw, 96px);
  --page-pad: clamp(24px, 5vw, 96px);
  --section-y: clamp(90px, 9vw, 160px);
}