/* =========================================================================
   Единые дизайн-токены «Будь собой» — ЕДИНСТВЕННЫЙ источник фирменной палитры.
   Подключается через @import в assets/css/style.css (фронт) и
   admin/assets/admin.css (админка). Менять цвета бренда нужно только здесь.
   ========================================================================= */
:root{
  /* фирменные акценты — ларимар / лазурь */
  --brand:#0f6d96;          /* основной лазурно-голубой (текст/ссылки/акцент) */
  --brand-deep:#0b5274;     /* глубокий — заголовки/ховер */

  /* нейтральные */
  --ink:#1f3744;            /* основной текст/заголовки */
  --muted:#51707e;          /* приглушённый текст */
  --line:#d2e4ef;           /* границы */
  --cream:#eef6fb;          /* мягкие секции (бледная лазурь) */

  /* статусы */
  --ok:#1a6f9c;
  --err:#c0492f;

  /* статусы CRM (воронка лидов, клиенты, сессии) — единые значения */
  --st-green:#1f8a4c;      /* активно / проведено / клиент */
  --st-blue:#2f8fd6;       /* новое / запланировано (граница) */
  --st-blue-ink:#2f7fb8;   /* синий текст бейджа */
  --st-amber:#e0a82e;      /* на связи / на паузе (граница) */
  --st-amber-ink:#b5851f;  /* янтарный текст */
  --st-grey:#9aa6b0;       /* потеряно / архив / отменено (граница) */
  --st-grey-ink:#7b8893;   /* серый текст */
  --st-purple:#8a5cd0;     /* запланирована — лид (граница) */
  --st-purple-ink:#7a4dc7; /* фиолетовый текст */

  /* исторические алиасы админки → канон (чтобы не переписывать все правила) */
  --b:var(--brand);
  --bd:var(--brand-deep);

  /* ── Единая геометрия контролов (кнопки/поля) — сквозной язык фронта и админки ──
     Один источник формы: и витрина, и админ-панель звучат как один продукт. */
  --ctl-h:44px;              /* высота кнопок и полей */
  --ctl-r:12px;              /* радиус кнопок и полей */
  --ctl-r-lg:14px;           /* радиус крупных кнопок/карточек-контролов */
  --ctl-pad-x:20px;          /* горизонтальные поля кнопки */
  --ctl-grad:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%);
  --ctl-shadow:0 10px 24px -10px rgba(15,109,150,.45);
  --ctl-ring:0 0 0 3px rgba(15,109,150,.28);   /* фокус-кольцо */
}

:root{ --surface:#ffffff; }          /* фон карточек/панелей (для тёмной темы) */

/* Тёмная тема — автоматически по системной настройке */
@media (prefers-color-scheme: dark){
  :root{
    --surface:#132430;
    --cream:#0d1a22;
    --ink:#e6f0f6;
    --muted:#93adba;
    --line:#23404f;
    --brand:#4aa6cc;
    --brand-deep:#7cc4e0;
  }
}