/* family · base.css
   токены, скейлинг под большие мониторы, body — подключается на ВСЕХ страницах */

/* ============ base.css (токены) ============ */
:root {
  --paper: #FAF7F2;
  --paper-1: #FFFDF8;
  --paper-2: #F1ECE3;
  --ink: #17241D;
  --pine: #1E3A2F;
  --pine-2: #27493B;
  --brass: #C08329;
  --brass-2: #A86F1B;
  --brass-light: #E3B264;
  /* латунь для ТЁМНЫХ зелёных блоков — светлее, читаемее */
  --brass-text: #9A6416;
  /* латунь для МЕЛКОГО текста на светлом фоне: 4.7:1 на --paper (у --brass было 3.0:1) */
  --line: rgba(23, 36, 29, .12);
  /* кривые движения: затухание к концу, без пружин */
  --ease-out-quart: cubic-bezier(.25, 1, .5, 1);
  --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
}

html {
  scroll-behavior: smooth
}

/* скейлинг под большие мониторы: вся вёрстка в rem, растим базу */
@media (min-width:1440px) {
  html {
    font-size: 17.5px
  }
}

@media (min-width:1700px) {
  html {
    font-size: 19.5px
  }
}

@media (min-width:2200px) {
  html {
    font-size: 22px
  }
}

body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'Golos Text', system-ui, sans-serif;
}

.font-display {
  font-family: 'Bitter', serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* предохранитель от горизонтального переполнения (мобилка) */
html,
body {
  overflow-x: clip;
  max-width: 100%;
}

select.ff-el-form-control option:first-child {
  display: none !important;
}