:root {
  --color-accent: #e57534;
  --color-accent-dark: #c95f20;
  --color-text: #262626;
  --color-text-muted: #626262;
  --color-line: #f0d6c5;
  --color-service-line: #f5e4d9;
  --color-page: #ffffff;
  --color-header: #ffffff;
  --color-hero: #ffffff;
  --color-about: #ffffff;
  --color-services-heading: #ffffff;
  --color-service-free-school: #ffffff;
  --color-service-parents: #ffffff;
  --color-service-asobi: #ffffff;
  --color-service-narnywa: #ffffff;
  --color-contact: #fff8f2;
  --color-footer: #ffffff;
  --color-surface: #ffffff;
  --color-mobile-menu: #ffffff;
  --color-mobile-menu-soft: #fff8f2;
  --color-mobile-menu-line: #f0d6c5;
  --color-heading-rule-light: #f2ded0;
  --color-heading-rule-strong: #e57534;
  --font-size-body: 16px;
  --font-size-lead: 17px;
  --font-size-service-description: 16px;
  --font-size-supporting: 14px;
  --page-max-width: 1180px;
  --text-max-width: 760px;
  --radius-card: 28px;
  --radius-image: 26px;
  --radius-hero-image: 34% 10% 34% 10%;
  --radius-pill: 999px;
  --shadow-card: 0 12px 30px rgba(114, 58, 26, 0.08);
  --shadow-hero-image: 0 16px 38px rgba(99, 51, 21, 0.12);
  --space-hero-top: 36px;
  --space-hero-bottom: 72px;
  --space-about: 84px;
  --space-services-heading-top: 72px;
  --space-services-heading-bottom: 72px;
  --space-service-top: 72px;
  --space-service-bottom: 72px;
  --space-contact: 92px;
  --space-footer-top: 48px;
  --space-footer-bottom: 24px;
  --header-height-mobile: 66px;
  --header-height-desktop: 76px;
}

@media (min-width: 900px) {
  :root {
    --space-hero-top: 52px;
    --space-hero-bottom: 96px;
    --space-about: 106px;
    --space-services-heading-top: 84px;
    --space-services-heading-bottom: 84px;
    --space-service-top: 76px;
    --space-service-bottom: 76px;
    --space-contact: 108px;
  }
}