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

   Визуальный язык (с 24.10.2026, вторая версия): «вода пляжа Бонди». Фон —
   прохладная пастель, текст — графит с синеватым подтоном, основной акцент —
   #0095b6 в градиенте, контрастный к нему тёплый коралл отвечает за выделение
   и концентрацию (суммы, фокус). Градиенты — только у акцентов и мягких
   заливок, фон остаётся спокойным.

   Шрифты лежат локально в /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: #f6fafc;
  --surface: #fdfeff;
  --surface-2: #e9f3f7;
  --surface-3: #f2f9fb;

  /* линии */
  --line: #d8e7ed;
  --line-strong: #a9c5d0;
  --line-soft: #e8f2f6;

  /* текст — графит с синеватым подтоном */
  --ink: #14232a;
  --ink-2: #2c4149;
  --ink-muted: #556d77;
  --ink-faint: #8297a0;

  /* основной акцент: вода пляжа Бонди #0095b6 */
  --accent: #0095b6;
  /* тот же тон, но тёмный — для белого текста и иконок (4,9 : 1 к белому) */
  --accent-strong: #007a95;
  --accent-ink: #007a95;
  --accent-hover: #0083a2;
  --accent-pressed: #005d73;
  --accent-soft: #d3edf5;
  --accent-tint: #e9f7fb;
  --accent-line: #a9dcea;

  /* контраст к голубому: тёплый коралл — выделение и концентрация */
  --focus: #9a3412;
  --focus-hover: #7c2d12;
  --focus-soft: #fdf0e8;
  --focus-line: #f2c9ae;

  /* градиенты: «бонди» и тёплый контраст */
  --grad-accent: linear-gradient(135deg, #007e99 0%, #006b84 60%, #00505f 100%);
  --grad-accent-soft: linear-gradient(135deg, #f4fcfe 0%, #dcedf4 100%);
  --grad-highlight: linear-gradient(135deg, #9a3412 0%, #7c2d12 100%);
  --grad-canvas: radial-gradient(120% 62% at 50% -12%, #f0fafd 0%, #f6fafc 58%, #eef6f9 100%);

  /* сигналы */
  /* Минус (перерасход) — розовый сигнал, выбор владелицы 28.10.2026.
     `--minus` для полос и крупных цифр, `--minus-ink` для мелкого текста на белом
     (у #ff5a99 контраст 2,9:1 — мелким шрифтом читается плохо, у --minus-ink 4,6:1). */
  --minus: #ff5a99;
  --minus-ink: #d6156b;
  --minus-soft: #ffe3ee;
  --clay: #8f5a20;
  --clay-soft: #f8ecdd;
  --clay-line: #e6cbaa;
  --danger: #b42318;
  --danger-soft: #fbe6e3;
  --success: #136f34;
  --success-soft: #e6f2e9;

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

  /* тени: мягкие, только там, где нужен слой */
  --shadow-1: 0 1px 2px rgba(10, 34, 44, 0.06);
  --shadow-2: 0 12px 28px -20px rgba(10, 34, 44, 0.5);
  --shadow-bar: 0 -10px 24px -20px rgba(10, 34, 44, 0.42);

  /* движение */
  --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;
}