/* ==========================================================================
   Строй2026 · общая основа оформления
   --------------------------------------------------------------------------
   Здесь только то, что обязано совпадать у всех экранов приложения:
   шрифты и токены (палитра, геометрия, движение). Компоненты живут в
   form.css (форма рабочего) и admin.css (кабинет владелицы) — они красят
   элементы через эти переменные, своих цветов не вводят.

   Визуальный язык: «бумага, графит, патина». Тёплая бумага вместо белого,
   графитовый текст, глубокий зелёно-серый акцент, глина для денег и
   предупреждений. Один акцент на экран, никаких градиентных «ИИ-картинок».

   Шрифты лежат локально в /static/fonts (без внешних CDN): приложение
   открывается и при слабой связи, и из офлайн-кэша на объекте.

   Меняя этот файл — поднимите CACHE_NAME в sw.js.
   ========================================================================== */

/* --- шрифты ------------------------------------------------------------- */

@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/static/fonts/golos-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 700;
  font-display: swap;
  src: url("/static/fonts/golos-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, 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 700;
  font-display: swap;
  src: url("/static/fonts/golos-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/static/fonts/jetbrains-mono-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2116, U+2122;
}

/* --- токены ------------------------------------------------------------- */

:root {
  color-scheme: light;

  /* поверхности */
  --canvas: #f2efe9;
  --surface: #fbfaf7;
  --surface-2: #e8e4dc;
  --surface-3: #efebe3;

  /* линии */
  --line: #d5cec1;
  --line-strong: #b3aa99;
  --line-soft: #e2dcd0;

  /* текст */
  --ink: #1f2421;
  --ink-2: #3b413c;
  --ink-muted: #5a605b;
  --ink-faint: #7d837c;

  /* акцент: патина */
  --accent: #2f5d50;
  --accent-hover: #356655;
  --accent-pressed: #244a40;
  --accent-soft: #dce6e0;
  --accent-tint: #e9efeb;
  --accent-line: #c3d4cc;

  /* сигналы */
  --clay: #9c5a2e;
  --clay-soft: #f2e4d6;
  --clay-line: #e0c9b3;
  --danger: #9e3a2f;
  --danger-soft: #f4e1dc;
  --success: #3e6a3a;
  --success-soft: #e3eadf;

  /* геометрия */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* тени: мягкие, только там, где нужен слой */
  --shadow-1: 0 1px 2px rgba(31, 36, 33, 0.05);
  --shadow-2: 0 12px 28px -20px rgba(31, 36, 33, 0.55);
  --shadow-bar: 0 -10px 24px -20px rgba(31, 36, 33, 0.45);

  /* движение */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-1: 110ms;
  --dur-2: 180ms;
  --dur-3: 260ms;

  /* шрифты */
  --font-ui: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-num: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* минимальная зона касания */
  --tap: 52px;
}