:root {
  /* Colors */
  --ym-color-white: #ffffff;
  --ym-color-black: #111111;
  --ym-color-ink: #050505;
  --ym-color-surface: #f8f9fb;
  --ym-color-surface-muted: #f6f6f6;

  --ym-color-blue: #18335f;
  --ym-color-blue-dark: #142d57;
  --ym-color-blue-hover: #10284f;
  --ym-color-blue-soft: rgba(227, 233, 241, 0.76);

  --ym-color-text: #10233f;
  --ym-color-muted: rgba(16, 35, 63, 0.72);

  --ym-color-border: rgba(24, 51, 95, 0.24);
  --ym-color-border-strong: rgba(24, 51, 95, 0.9);
  --ym-color-menu-line: rgba(255, 255, 255, 0.34);

  /* Fonts */
  --ym-font-main: "Gilroy", Arial, sans-serif;
  --ym-font-size-body: 16px;
  --ym-font-size-card: 15px;
  --ym-font-size-card-small: 14px;
  --ym-font-size-ui: 13px;

  /* Containers / layout */
  --ym-container: 1440px;
  --ym-container-wide: 1920px;
  --ym-layout-container-max: var(--ym-container-wide);
  --ym-layout-gutter-desktop: 150px;
  --ym-layout-gutter-adaptive: clamp(52px, 6.6vw, 108px);
  --ym-layout-gutter-adaptive-wide: clamp(52px, 8vw, 150px);
  --ym-layout-gutter-tablet: 38px;
  --ym-layout-gutter-mobile: 22px;
  --ym-layout-gutter-mobile-sm: 18px;
  --ym-layout-gutter-mobile-xs: 16px;

  /* Section spacing */
  --ym-section-padding-top: 78px;
  --ym-section-padding-bottom: 64px;
  --ym-section-padding-bottom-sm: 60px;
  --ym-section-padding-bottom-lg: 72px;
  --ym-section-padding-bottom-xl: 74px;

  /* Section counters */
  --ym-section-number-size: 40px;
  --ym-section-number-size-adaptive: clamp(22px, 2.1vw, 40px);
  --ym-section-number-size-tablet: 40px;
  --ym-section-number-size-mobile: 31px;
  --ym-section-number-size-mobile-sm: 24px;
  --ym-section-number-height: 61px;
  --ym-section-number-height-mobile: 48px;
  --ym-section-number-padding-x: 17px;
  --ym-section-number-padding-x-mobile: 13px;

  --ym-section-label-size: 21px;
  --ym-section-label-size-adaptive: clamp(12px, 1.1vw, 21px);
  --ym-section-label-size-tablet: 21px;
  --ym-section-label-size-mobile: 17px;
  --ym-section-label-size-mobile-sm: 13px;

  /* Section headings */
  --ym-section-title-size: 40px;
  --ym-section-title-size-adaptive: clamp(22px, 2.3vw, 40px);
  --ym-section-title-size-tablet: 32px;
  --ym-section-title-size-mobile: 28px;
  --ym-section-title-size-mobile-sm: 24px;
  --ym-section-title-line-height: 1.13;
  --ym-section-title-line-height-tight: 1.08;
  --ym-section-title-weight: 700;
  --ym-section-title-letter-spacing: 0em;

  /* Section descriptions */
  --ym-section-description-size: 21px;
  --ym-section-description-size-adaptive: clamp(12px, 1.2vw, 21px);
  --ym-section-description-size-tablet: 17px;
  --ym-section-description-size-mobile: 16px;
  --ym-section-description-size-mobile-sm: 14px;
  --ym-section-description-line-height: 1.32;
  --ym-section-description-line-height-mobile: 1.3;
  --ym-section-description-weight: 400;
  --ym-section-description-letter-spacing: 0em;

  /* Hero */
  --ym-hero-gutter-desktop: 108px;
  --ym-hero-gutter-adaptive: clamp(52px, 5.4vw, 96px);
  --ym-hero-gutter-tablet: 38px;
  --ym-hero-gutter-mobile: 18px;
  --ym-hero-content-width: 1045px;
  --ym-hero-title-size: 40px;
  --ym-hero-title-size-adaptive: clamp(27px, 2.55vw, 46px);
  --ym-hero-title-size-tablet: 28px;
  --ym-hero-title-size-mobile: 31px;
  --ym-hero-title-size-mobile-sm: 27px;
  --ym-hero-title-size-mobile-xs: 24px;
  --ym-hero-description-size: 20px;
  --ym-hero-description-size-adaptive: clamp(11px, 0.9vw, 16px);
  --ym-hero-description-size-tablet: 11.5px;
  --ym-hero-description-size-mobile: 12.8px;
  --ym-hero-description-size-mobile-sm: 11.3px;
  --ym-hero-description-size-mobile-xs: 10.4px;

  /* Header */
  --ym-header-padding-desktop: 28px 72px 0;
  --ym-header-padding-tablet: 24px 48px 0;
  --ym-header-padding-mobile: 18px 20px 0;

  --ym-transition: 0.25s ease;
}