/* Вариант 12 "Студия": тёплая бумага, editorial, много воздуха.
   Тот же оранжевый, но линейки тоньше и ритм спокойнее. */
:root {
  --bg: #F6F3EC;  --surface: #EDE9E0;  --surface-2: #E4DFD4;
  --text: #17161A; --muted: #63625C;
  --accent: #FF561E; --accent-hover: #E8460F; --accent-ink: #1A0B05; --accent-text: #C1390B;
  --rule: #DEDAD0; --head-rule: #DEDAD0; --field: #FFFFFF; --danger: #B8300A;
  --stage-bg: #EDEAE3;

  --shell: 1300px; --gutter: clamp(20px, 4vw, 60px);
  --radius: 0px; --rule-w: 1px; --thumb-radius: 0px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --font-display: 'Wix Madefor Display', system-ui, sans-serif;
  --font-text: 'Wix Madefor Text', system-ui, sans-serif;
  --display-weight: 700; --display-tracking: -0.03em;
  --brand-weight: 800; --brand-tracking: -0.04em;
  --h1-size: clamp(2rem, 5.2vw, 4.6rem);
}
/* больше воздуха, чем в остальных вариантах: это и есть его характер */
.section { padding: clamp(84px, 11vw, 152px) 0; }
.hero__row { padding-bottom: clamp(52px, 7vw, 88px); }
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #17161A; --surface: #1F1E23; --surface-2: #26252B;
    --text: #EFEDE8; --muted: #9B9A94;
    --accent: #FF561E; --accent-hover: #FF6E3C; --accent-ink: #1A0B05; --accent-text: #FF7A4D;
    --rule: #33323A; --head-rule: #33323A; --field: #201F25;
    --stage-bg: #1C1B21;
  }
}