/* Общий слой для лендинга (`/`) и приложения (`/app`): шрифты и палитра.
   Лежит отдельным файлом, потому что оба шаблона используют его целиком —
   держать две копии восьми @font-face и всей палитры значит однажды поправить
   цвет только в одном месте.

   Палитра «Лазурная опись», редакция 2 от 2026-07-24. Обоснование и эталонные
   стенды — docs/superpowers/specs/2026-07-24-doclip-visual-style.md.
   Правило: акцент один на весь интерфейс, статусы задачи окрашены отдельно от
   него, иначе «готово» и кнопка сливаются в одно пятно.

   Шрифты раздаёт сам сервис (см. mount в web.py): у пользователя может не быть
   внешнего интернета, а подстановка системного шрифта ломает вёрстку
   заголовков. Каждое начертание разрезано на кириллицу и латиницу — браузер
   качает только нужный кусок. Латинского Golos 700 нет намеренно: жирным
   набраны только русские заголовки, а логотип — Unbounded. */

@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 400;
             font-display: swap; src: url('/static/fonts/golos-400-cyr.woff2') format('woff2');
             unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 400;
             font-display: swap; src: url('/static/fonts/golos-400-lat.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('/static/fonts/golos-500-cyr.woff2') format('woff2');
             unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Golos Text'; font-style: normal; font-weight: 500;
             font-display: swap; src: url('/static/fonts/golos-500-lat.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: 700;
             font-display: swap; src: url('/static/fonts/golos-700-cyr.woff2') format('woff2');
             unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500;
             font-display: swap; src: url('/static/fonts/mono-500-cyr.woff2') format('woff2');
             unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500;
             font-display: swap; src: url('/static/fonts/mono-500-lat.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: 'Unbounded'; font-style: normal; font-weight: 700;
             font-display: swap; src: url('/static/fonts/unbounded-700-lat.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; }

/* Схема — чисто белая и только светлая, единая для лендинга и приложения
   (решение заказчика 2026-07-24). Тёмной темы нет намеренно: сервис
   внутренний, и обе страницы должны выглядеть одинаково белыми независимо
   от системной настройки браузера. */
:root {
  color-scheme: light;
  --paper:      #FFFFFF;
  --surface:    #FFFFFF;
  --ink:        #14212A;
  --muted:      #5F6E79;
  --rule:       #E6ECF0;
  --accent:     #0E7F8F;
  --accent-ink: #0A5E6B;
  --wash:       #E7F4F5;
  --on-accent:  #FFFFFF;
  --ok:         #1B6B57;
  --ok-bg:      #DCF0E8;
  --fail:       #A9382C;
  /* Крупные скругления и заметные контролы — приём, снятый с uchi.ru:
     интерфейс перестаёт выглядеть как служебная форма. Гамму оттуда не
     берём, она спорит с позиционированием. */
  --r-card:     18px;
  --r-ctl:      12px;
  /* На сплошном белом карточки не отделяются цветом (--surface = --paper),
     поэтому глубину даёт мягкая холодная тень. */
  --lift:       0 1px 2px rgba(20,33,42,.04), 0 14px 30px -20px rgba(20,33,42,.22);
}

* { box-sizing: border-box; }

body {
  font-family: 'Golos Text', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.55;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}