:root {
  --color-ink: #17243a;
  --color-ink-muted: #526077;
  --color-accent: #76b82a;
  --color-accent-dark: #5a941d;
  --color-white: #ffffff;
  --color-surface: #f5f7fa;
  --color-surface-strong: #f1f4f8;
  --color-border: #dce3ea;
  --color-footer: #101b2d;

  --font-primary: "Inter", "Manrope", "Graphik", Arial, sans-serif;

  --container-width: 1220px;
  --container-padding-desktop: 32px;
  --container-padding-mobile: 18px;

  --font-size-h1: 56px;
  --font-size-h2: 40px;
  --font-size-h3: 28px;
  --font-size-body: 17px;
  --font-size-small: 14px;

  --line-height-heading: 1.12;
  --line-height-body: 1.62;

  --section-space-desktop: 104px;
  --section-space-tablet: 80px;
  --section-space-mobile: 56px;

  --card-radius: 20px;
  --button-radius: 999px;
  --transition-base: 220ms ease;
  --shadow-card: 0 18px 42px rgba(23, 36, 58, 0.08);
}

@media (max-width: 1024px) {
  :root {
    --font-size-h1: 46px;
    --font-size-h2: 34px;
    --font-size-h3: 25px;
  }
}

@media (max-width: 640px) {
  :root {
    --font-size-h1: 34px;
    --font-size-h2: 28px;
    --font-size-h3: 22px;
    --font-size-body: 16px;
  }
}