/* ═══════════════════════════════════════════════════════════════════════
   Notium · токени. ОДНЕ джерело правди для кольору, шрифту, радіуса й тіні.

   Чому окремим файлом: `index.html` мав власний набір з 11 токенів, а
   `style.css` — свій із 32, і під однаковими іменами лежали різні значення
   (--red був і #FF3D3D, і #C1121F; --line і #E2E2DC, і #E6E6E0). Через це
   застосунок і його ж кабінет виглядали як два різні продукти. Тут лише
   кастомні властивості й жодного правила для класів — тому файл можна
   підключати першим будь-де, не боячись каскаду.

   Шрифти брендові: CSP на проді (api/main.py:99-102) явно дозволяє
   fonts.googleapis.com і fonts.gstatic.com. Сторінка, що підключає цей файл,
   має підключити й самі шрифти з Google Fonts.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* ── Бренд ──────────────────────────────────────────────────────────── */
  --ink:#0A0A0A;          /* основний текст, темні кнопки */
  --ink-2:#17181B;        /* поверхня темного сайдбару */
  --blue:#1C46F5;         /* первинна дія, лінк-джерело, активний стан */
  --blue-600:#1638C9;     /* hover первинної дії */
  --blue-050:#EEF2FF;     /* м'яке синє тло */
  --blue-line:#C9D4FF;    /* рамка синього блоку */
  --lime:#D2FF52;         /* лаймовий акцент */
  --lime-line:#B9E43A;

  /* ── Нейтралі ───────────────────────────────────────────────────────── */
  --cream:#FBFBF7;        /* тло робочої зони */
  --paper:#FFFFFF;        /* картки й таблиці */
  --white:#FFFFFF;        /* синонім --paper для старої розмітки */
  --wash:#F7F7F1;         /* приглушена панель, підблок */
  --wash-2:#F3F3EC;       /* шапка таблиці */
  --zebra:#FCFCF9;        /* парний рядок таблиці */
  --chip-bg:#F0F0EA;      /* нейтральний чип/бейдж */
  --grey:#6B6B72;         /* другорядний текст */
  --grey-2:#9A9AA2;       /* підписи, плейсхолдери */
  --line:#E6E6E0;         /* роздільники */
  --line-2:#EFEFEA;       /* дуже тонкі роздільники */
  --field-bg:#FFFFFF;

  /* ── Статуси. Кожен — тріо: текст / тло / рамка ──────────────────────
     Один зелений замість чотирьох (#2b8f45, #3FBF5F, #2b6f3f, --lime),
     один янтарний замість чотирьох, один червоний замість трьох. */
  --green:#1E8E3E; --green-bg:#EDF9F0; --green-line:#BFE6C9;
  --amber:#9A6B00; --amber-bg:#FFF8E6; --amber-line:#F0D98A;
  --red:#C1121F;   --red-bg:#FDEFEF;   --red-line:#F3B9B9;
  --slate:#4B5563; --slate-bg:#F2F3F5; --slate-line:#DDDEE2;

  /* ── Темний сайдбар ─────────────────────────────────────────────────── */
  --nav-bg:#141519;
  --nav-fg:#C7C8CE;
  --nav-fg-dim:#82848C;
  --nav-active-bg:#232530;
  --nav-active-fg:#FFFFFF;
  --nav-line:#26272E;

  /* ── Типографіка ────────────────────────────────────────────────────── */
  --head:'Unbounded',system-ui,-apple-system,'Segoe UI',sans-serif;
  --text:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font:var(--text);     /* ім'я, яким користується style.css */
  --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;

  /* ── Радіуси й тіні ─────────────────────────────────────────────────── */
  --r-sm:7px; --r:10px; --r-lg:14px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(16,16,24,.05);
  --sh:0 2px 8px rgba(16,16,24,.06),0 1px 2px rgba(16,16,24,.05);
  --sh-lg:0 12px 40px rgba(16,16,24,.16);

  /* ── Каркас ─────────────────────────────────────────────────────────── */
  --nav-w:248px;
  --topbar-h:58px;
}