@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4-cyrillic-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  unicode-range: U+400-52F;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4-cyrillic-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  unicode-range: U+400-52F;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Golos Text";
  src: url("../fonts/golos-text-cyrillic-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+400-52F;
}

@font-face {
  font-family: "Golos Text";
  src: url("../fonts/golos-text-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Golos Text";
  src: url("../fonts/golos-text-cyrillic-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  unicode-range: U+400-52F;
}

@font-face {
  font-family: "Golos Text";
  src: url("../fonts/golos-text-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Golos Text";
  src: url("../fonts/golos-text-cyrillic-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  unicode-range: U+400-52F;
}

@font-face {
  font-family: "Golos Text";
  src: url("../fonts/golos-text-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root {
  --color-ink: #18332f;
  --color-ink-deep: #112723;
  --color-primary: #24594f;
  --color-primary-deep: #1b463e;
  --color-mint: #a9c4bb;
  --color-mint-text: #2d6b58;
  --color-accent: #a08869;
  --color-accent-text: #80664b;
  --color-accent-soft: #c6b194;
  --color-section-slate: #eef2f5;
  --color-line: #dce5eb;
  --color-line-strong: #c5d3dd;
  --color-muted: #4e5c58;
  --color-on-ink: #c9d6d1;
  --color-on-ink-muted: #9fb3ad;
  --color-line-on-ink: #ffffff1f;
  --color-white: #fff;
  --color-error: #b83232;
  --color-focus: #5089d1;
  --color-placeholder: #6f7a77;
  --color-on-photo: #e2ebf1;
  --color-sheet: #fdfcfa;
  --color-sheet-back: #f3f1ec;
  --color-sheet-deep: #e9e6df;
  --font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Golos Text", system-ui, sans-serif;
  --font-ui: "Golos Text", system-ui, sans-serif;
  --radius-xl: 6px;
  --radius-lg: 6px;
  --radius-md: 6px;
  --radius-sm: 4px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 8px #223c5008;
  --shadow-md: 0 12px 32px -12px #223c5018;
  --shadow-lg: 0 20px 48px #223c501a;
  --shadow-floating: 0 14px 36px -12px #223c5026;
  --section-pad: clamp(72px, 9vw, 144px);
  --section-spacing-scale: 0.8;
  --container-max: 1360px;
  --ease-out: cubic-bezier(0.22, 0.68, 0, 1);
  --transition: 250ms cubic-bezier(0.2, 0.7, 0.2, 1);
  --header-height: 128px;
}
@media (min-width: 720px) {
  :root {
    --header-height: 88px;
  }
}