/* ============================================================
   Травиночка — дизайн-токены (v0.12.0, «Луговая тетрадь»)
   Единственный источник цветов, типографики, отступов, теней.

   Концепция: дневная бумага и чернила. Тёплая светлая «поляна»,
   тонкие линии, серифные заголовки, моноширинная мета — как в
   старых форумах и авторских сайтах, но на современной сетке.
   Никаких градиентов и свечений.
   ============================================================ */

:root {
  /* --- Бумага: тёплый светлый фон и поверхности --- */

  --paper-50: #fbf9f1;   /* карточки, панели */
  --paper-100: #f4f1e6;  /* фон страницы */
  --paper-200: #ece8d9;  /* поля ввода, ховеры */
  --paper-300: #e0dcc8;  /* прижатые состояния */

  /* --- Чернила: текст --- */

  --ink-900: #232d1e;    /* основной текст */
  --ink-700: #46503c;    /* сильный вторичный */
  --ink-500: #6d7661;    /* приглушённый */
  --ink-300: #99a08b;    /* плейсхолдеры, слабые подписи */

  /* --- Линии --- */

  --line-200: #d8d4bf;   /* обычная граница */
  --line-300: #c1bda4;   /* усиленная граница */

  /* --- Трава: акцент --- */

  --grass-100: #eef1de;  /* лёгкая акцентная подложка */
  --grass-200: #e3ead3;  /* акцентная подложка */
  --grass-500: #55813f;  /* ховер акцента */
  --grass-600: #46702f;  /* основной акцент */
  --grass-700: #3a5d27;  /* нажатие */

  /* --- Статусы --- */

  --ok-600: #40793f;
  --warn-600: #9a751d;
  --warn-100: #f2e8cd;
  --clay-600: #a8432c;   /* опасность */
  --clay-500: #b95437;
  --clay-100: #f4e3da;

  /* --- Личность: один хеш — один цвет везде (аватар + ник).

     Те же восемь пар продублированы в apps/common/templatetags/
     common_extras.py и в JS (chat.js, dm.js) — меняйте синхронно. --- */

  --tint-1: #3d6132;  /* трава */
  --tint-2: #2c5c4a;  /* сосна */
  --tint-3: #7a4a1f;  /* дуб */
  --tint-4: #2f5f70;  /* камыш */
  --tint-5: #59487e;  /* ирис */
  --tint-6: #7d3434;  /* кирпич */
  --tint-7: #5e5318;  /* сено */
  --tint-8: #6d3357;  /* герань */

  /* --- Типографика --- */

  --font-display: Georgia, "Times New Roman", serif;
  --font-body: "Trebuchet MS", "Segoe UI", Verdana, system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "DejaVu Sans Mono", Menlo, monospace;

  --fs-xs: 11.5px;
  --fs-sm: 12.5px;
  --fs-md: 13.5px;
  --fs-base: 15px;
  --fs-lg: 17px;
  --fs-xl: 21px;
  --fs-2xl: 26px;
  --fs-3xl: 34px;

  --lh-tight: 1.25;
  --lh-normal: 1.55;

  /* --- Отступы (шкала 4) --- */

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;

  /* --- Радиусы: печатная аккуратность, без пузырей --- */

  --r-xs: 2px;
  --r-sm: 3px;
  --r-md: 4px;
  --r-lg: 6px;
  --r-full: 999px;

  /* --- Тени: только там, где без них не поднять слой --- */

  --shadow-1: 0 1px 2px rgba(35, 45, 30, .1);
  --shadow-2: 0 10px 30px rgba(35, 45, 30, .14);
  --stamp: 2px 2px 0 var(--ink-900);   /* «оттиск» на главной кнопке */

  /* --- Прочее --- */

  --sidebar-w: 252px;
  --transition-fast: .12s ease;
  --transition-med: .2s ease;
}