/* Второй шанс, V2: токены бренда. Значения и роли описаны в brand.html. */

@font-face { font-family: "Literata"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/literata-600-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Literata"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/literata-600-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; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/golos-text-400-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/golos-text-400-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; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/golos-text-500-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/golos-text-500-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; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/golos-text-600-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/golos-text-600-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 {
  /* Цвет. Оранжевый вывески несёт действие и знак; текст на нём только тёмный (6,7:1). */
  --orange: #F17E01;
  --orange-light: #F9C79A;
  --orange-tint: #FEF1E4;
  --link: #9A4F00;          /* ссылки на светлом, 6,0:1 к белому */
  --ink: #131615;           /* основной текст и тёмные блоки */
  --ink-3: #3A3E3C;         /* линии на тёмном */
  --paper: #FFFFFF;
  --paper-2: #F6F4F0;       /* второй фон */
  --line: #E4E0D8;
  --line-strong: #CFCAC0;
  --muted: #5F6261;         /* спокойный текст на светлом, 6,2:1 */
  --on-dark: #F4F2EE;
  --on-dark-muted: #B9B9B4; /* спокойный текст на тёмном, 9,1:1 */
  --error: #B42318;
  --frame-dark: #070709;    /* фон под фотографиями до загрузки */
  --shadow-ink: rgba(19, 22, 21, 0.45);
  --shadow-ink-strong: rgba(19, 22, 21, 0.7);

  /* Шрифты */
  --font-heading: "Literata", "PT Serif", Georgia, serif;
  --font-body: "Golos Text", "Segoe UI", Roboto, Arial, sans-serif;

  /* Типографика */
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-h3: clamp(1.25rem, 0.6vw + 1.05rem, 1.5rem);
  --text-h2: clamp(32px, 2.6vw + 17.6px, 52px);
  --text-h1: clamp(38px, 3.4vw + 16px, 64px);

  /* Геометрия */
  --container: 1240px;
  --gutter: 48px;
  --section: 120px;
  --radius-control: 10px;
  --radius-card: 16px;

  /* Движение */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-fast: 160ms;
  --motion-base: 280ms;
  --motion-slow: 480ms;
  --motion-press: 120ms;    /* нажатие кнопки */
  --press: 0.97;            /* кнопка чуть сжимается под пальцем */
}

@media (max-width: 60rem) { :root { --gutter: 24px; --section: 88px; } }
@media (max-width: 40rem) { :root { --gutter: 16px; --section: 64px; } }