/* BubaLab — design tokens (единый источник стиля). Подключай ПЕРВЫМ.
   Здесь только переменные. Сброс/база — в base.css, компоненты — в components.css. */
:root{
  /* brand colors */
  --indigo:#1B2A6B;
  --teal:#15C0C8;
  --teal-light:#2BD0D6;
  --ink:#10243A;
  --muted:#5b6b7e;
  --bg-1:#F4FBFC;
  --bg-2:#ffffff;
  --border:rgba(27,42,107,.12);

  /* tints (для фонов/обводок) */
  --indigo-08:rgba(27,42,107,.08);
  --indigo-25:rgba(27,42,107,.25);
  --teal-10:rgba(21,192,200,.10);
  --teal-40:rgba(21,192,200,.40);

  /* type */
  --font-sans:'Rubik', system-ui, -apple-system, Arial, sans-serif;

  /* spacing scale */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;

  /* shape */
  --radius-sm:10px;
  --radius:14px;
  --radius-lg:20px;
  --radius-pill:999px;

  /* shadow (мягкие, без «неона») */
  --shadow-1:0 4px 14px rgba(16,36,58,.06);
  --shadow-2:0 8px 24px rgba(16,36,58,.10);
  --shadow-teal:0 8px 18px rgba(21,192,200,.25);

  /* layout */
  --maxw:1100px;

  /* motion */
  --t-fast:.15s ease;
  --t:.18s ease;
}