/* Дизайн-система «тёмная» — токены сняты с HALO Mini App v4 (11.09.2026) и
   обезличены. База всегда тёмная, ОДИН бренд-цвет (--brand), второй цвет
   только в градиентах. Display-шрифт и бренд-цвет меняются в трёх строках.
   Шрифты: положи woff2 в /fonts и раскомментируй @font-face. */

/* @font-face { font-family: 'Display'; src: url('/fonts/display.woff2') format('woff2'); font-display: swap; } */
/* @font-face { font-family: 'Inter'; font-weight: 400 700; font-display: swap; src: url('/fonts/inter.woff2') format('woff2'); } */

:root {
  --bg: #0b0d12;
  --bg2: #12151c;
  --bg3: #1a1e27;
  --bg4: #232834;
  --text: #e9eaee;
  --text2: #a6abb8;
  --text3: #6d7382;
  --line: rgba(255, 255, 255, 0.07);
  --line2: rgba(255, 255, 255, 0.14);

  --brand: #00e5ff;              /* ← бренд клиента */
  --brand-ink: #07222a;          /* текст на бренд-заливке */
  --brand-soft: rgba(0, 229, 255, 0.14);
  --grad-a: #7c3aed;             /* градиенты: только здесь */
  --grad-b: var(--brand);
  --grad-c: #38ff9c;

  --ok: #3ddc97;
  --warn: #ffb020;
  --danger: #ff5c5c;
  --ok-soft: rgba(61, 220, 151, 0.14);
  --warn-soft: rgba(255, 176, 32, 0.14);
  --danger-soft: rgba(255, 92, 92, 0.14);

  /* стадии/статусы — переименуй под предметку клиента */
  --stage-new: #8f95a5;
  --stage-work: var(--ok);
  --stage-done: var(--brand);
  --stage-lost: #ff7676;

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Display', 'Inter', sans-serif;   /* ← display-шрифт клиента */

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px;
  --r-xl: 28px; --r-l: 20px; --r-m: 14px; --r-s: 10px;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 18px 50px rgba(0, 0, 0, 0.55);
  --pad: 16px;
  --tab-h: 64px;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}