/* Дизайн-токены «Акцент Право». Единственный источник цветов, шрифтов, отступов. */
/* Manrope (variable 200–800), локально вместо Google Fonts: 2 файла, кириллица + латиница. */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Палитра (ТЗ §2) */
  --black: #08090A;
  --black-soft: #101214;
  --surface-dark: #151719;
  --surface-dark-2: #1B1D20;

  --white: #FFFFFF;
  --off-white: #F6F6F4;
  --light-bg: #F2F3F3;
  --border-light: #E3E4E5;

  --text-dark: #111214;
  --text-muted: #6E7277;
  --text-muted-on-dark: #A6AAB0;
  --border-dark: rgba(255, 255, 255, 0.12);

  --red: #E51F26;
  --red-hover: #C9161C;
  --red-dark: #A90F15;

  /* Типографика (ТЗ §3) */
  --font: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-h1: clamp(42px, 5.2vw, 76px);
  --fs-h2: clamp(34px, 3.6vw, 52px);
  --fs-h3: 20px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-label: 12px;
  --lh-tight: 1.02;
  --lh-body: 1.55;

  /* Сетка (ТЗ §4) */
  --container: 1360px;
  --gutter: clamp(20px, 4vw, 64px);
  --section-y: clamp(72px, 8vw, 128px);

  /* Форма */
  --radius-btn: 8px;
  --radius-card: 12px;
  --radius-input: 8px;
  --btn-h: 56px;
  --header-h: 84px;
  --topbar-h: 38px;

  /* Движение (ТЗ §19) */
  --t-fast: 180ms ease;
  --t-base: 280ms ease;
  --t-slow: 480ms cubic-bezier(0.22, 1, 0.36, 1);

  /* Тени — только очень лёгкие */
  --shadow-soft: 0 12px 32px rgba(8, 9, 10, 0.08);
}