/* ═══════════════════════════════════════════════════════════════
   ДИЗАЙН-ТОКЕНИ · ЦК «Розумні міста та громади» (бренд CID)
   Єдине джерело кольорів, типографіки, тіней, руху.
   Опис і правила застосування: docs/01_Дизайн-токени.md
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* ── Кольори бренду ── */
  --tech:#C4CBFF;          /* Accent Tech — лінії, рамки, акцентні ромби */
  --tech-80:#D0D5FF;
  --tech-60:#DCE0FF;       /* кільця радара, роздільники */
  --tech-40:#E7EAFF;       /* осі радара, лінії меню */
  --tech-20:#F3F5FF;
  --tech-10:#F9FAFF;       /* фон сторінки */
  --innovation:#B8E74B;    /* Innovation — зона приросту, маркер, «ВИ» */
  --innovation-ink:#4E6B12;/* текст на світлому поруч із Innovation (контраст ≥ 4.5) */
  --innovation-edge:#6F9420;

  --black:#090909;         /* заголовки */
  --ink-80:#333333;        /* основний текст */
  --ink-60:#666666;        /* другорядний текст */
  --ink-40:#999999;        /* лише декоративне: шкала радара, неактивні стани */
  --ink-note:#707070;      /* дрібні примітки — замість #999 (контраст 4.75:1, WCAG AA) */
  --line:#CCCCCC;
  --white:#FFFFFF;

  --blue:#1056A9;          /* Blue data — кнопки, посилання, контур радара */
  --blue-hover:#0B4A94;
  --carbon:#212C32;        /* Carbon — лише точково для даних */
  --carbon-60:#4B5E69;

  /* ── Типографіка (Inter) ── */
  --font:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-h1:clamp(40px,6.4vw,78px);   /* бренд Title 84 / 100% / −7% */
  --fs-h2:clamp(30px,4.4vw,48px);   /* бренд Title Capital 48 / −6% */
  --fs-par:clamp(18px,2vw,23px);    /* бренд Paragraph 24 / 120% / −3% */
  --fs-body:16px;                   /* бренд Body 16 / 24 */
  --fs-kick:11px;
  --ls-h1:-.07em; --ls-h2:-.06em; --ls-par:-.03em; --ls-kick:.22em;

  /* ── Сітка ── */
  --container:1240px;
  --gutter:28px;          /* десктоп */
  --gutter-m:18px;        /* ≤640px */

  /* ── Глибина (див. docs/03) ── */
  --shadow-btn:0 10px 30px -12px rgba(16,86,169,.55);
  --shadow-btn-hover:0 16px 38px -14px rgba(16,86,169,.7);
  --glass-bg:rgba(255,255,255,.6);
  --glass-blur:blur(6px);
  --veil-bg:rgba(249,250,255,.94);
  --veil-blur:blur(14px);

  /* ── Рух (див. docs/04) ── */
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-fast:.2s;            /* колір, фон */
  --t-ui:.25s;             /* кнопки, стрілки */
  --t-menu:.3s;            /* меню, тост, підкреслення */
  --t-panel:.6s;           /* згасання панелей історії */
  --t-reveal:.9s;          /* поява блоків */
  --t-line:1.6s;           /* лінія кроків */
  --reveal-shift:22px;
  --reveal-blur:blur(4px);

  /* ── Шари ── */
  --z-aura:0; --z-page:1; --z-stage:2; --z-skip:30; --z-drawer:40; --z-toast:50;
}