/* ============================================================
   TEAM SERVICE — ДИЗАЙН-ТОКЕНЫ
   Здесь и ТОЛЬКО здесь меняется цветовая гамма, шрифты, радиусы.
   Текущая палитра — РАБОЧАЯ ЗАГЛУШКА (сине-стальная + янтарный акцент).
   Обсуждаем и меняем 5 переменных в блоке "БРЕНД".
   ============================================================ */

:root {
  /* ---------- БРЕНД (меняем это) ---------- */
  --brand-900: #0b2440;   /* самый тёмный: футер, шапка на тёмном */
  --brand-700: #12406e;   /* тёмный: заголовки, ховеры */
  --brand-600: #1565a8;   /* основной фирменный */
  --brand-500: #1a7fd0;   /* основной светлее: ссылки, иконки */
  --brand-100: #e3f0fb;   /* фон плашек */
  --brand-050: #f2f8fd;   /* фон секций */

  --accent-600: #d97706;  /* акцент: кнопки действия, цены */
  --accent-500: #f59e0b;
  --accent-100: #fef3c7;

  /* ---------- Статусные ---------- */
  --ok-600: #15803d;
  --ok-100: #dcfce7;
  --warn-600: #b45309;
  --err-600: #dc2626;
  --err-100: #fee2e2;

  /* ---------- Нейтральные ---------- */
  --ink-900: #0f172a;     /* основной текст */
  --ink-700: #334155;     /* вторичный текст */
  --ink-500: #64748b;     /* подписи */
  --ink-300: #cbd5e1;     /* бордеры */
  --ink-200: #e2e8f0;
  --ink-100: #f1f5f9;     /* фон секций */
  --ink-050: #f8fafc;
  --white: #ffffff;

  /* ---------- Семантические алиасы (в разметке используем их) ---------- */
  --c-bg: var(--white);
  --c-bg-alt: var(--ink-050);
  --c-bg-brand: var(--brand-050);
  --c-text: var(--ink-900);
  --c-text-muted: var(--ink-500);
  --c-border: var(--ink-200);
  --c-primary: var(--brand-600);
  --c-primary-hover: var(--brand-700);
  --c-cta: var(--accent-600);
  --c-cta-hover: #b45309;
  --c-link: var(--brand-600);

  /* ---------- Типографика ---------- */
  --font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-head: var(--font-sans);

  --fs-xs: 0.8125rem;   /* 13 */
  --fs-sm: 0.875rem;    /* 14 */
  --fs-base: 1rem;      /* 16 */
  --fs-md: 1.125rem;    /* 18 */
  --fs-lg: 1.375rem;    /* 22 */
  --fs-xl: 1.75rem;     /* 28 */
  --fs-2xl: clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem);
  --fs-3xl: clamp(2rem, 1.3rem + 3.2vw, 3.25rem);

  --lh-tight: 1.2;
  --lh-base: 1.6;

  /* ---------- Раскладка ---------- */
  --container: 1200px;
  --container-narrow: 860px;
  --gap: 24px;
  --section-y: clamp(48px, 6vw, 88px);

  /* ---------- Форма ---------- */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);
  --shadow: 0 4px 14px rgba(15, 23, 42, .08);
  --shadow-lg: 0 18px 40px rgba(15, 23, 42, .14);

  --ring: 0 0 0 3px rgba(26, 127, 208, .35);

  --t-fast: .15s ease;
  --t: .25s ease;

  --header-h: 72px;
}

/* Тёмная тема пока не включена — задел на будущее.
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { ... } }
*/