/* =============================================================
   SupportHub — Design Tokens (SINGLE SOURCE OF TRUTH)
   Смена темы (тёмная → светлая) и бренд-цвета = правка ЭТОГО блока.
   ============================================================= */

:root {
  /* ---- Brand ---- */
  --brand:        #5277E2;   /* фирменный синий из логотипа — главный акцент */
  --brand-bright: #7B97EE;   /* светлый тинт для ховеров/градиентов */
  --brand-deep:   #3A57B8;   /* затемнённый для нажатий/границ акцента */
  --brand-glow:   rgba(82, 119, 226, 0.35);

  /* ---- Surfaces (dark premium — основная тема, глубокий сине-графит) ---- */
  --bg:           #0C0E18;   /* глубокий сине-графит — основной фон */
  --bg-2:         #0F1320;   /* нижний тон для градиента полотна */
  --bg-elev:      #151A2B;   /* приподнятые панели/карточки */
  --bg-elev-2:    #1B2236;   /* вложенные элементы, инпуты */
  --bg-hover:     #232C44;

  --stroke:        rgba(255, 255, 255, 0.09);   /* тонкие границы */
  --stroke-strong: rgba(255, 255, 255, 0.16);
  --hairline-top:  rgba(255, 255, 255, 0.05);   /* верхний хайлайт-кант */

  /* ---- Text ---- */
  --text:       #EDF0F7;
  --text-muted: #A2A9BD;   /* ~7:1 на --bg — основной приглушённый текст */
  --text-dim:   #828BA3;   /* ~4.6:1 на --bg — микротекст/мета, проходит WCAG AA */

  /* ---- Functional ---- */
  --ok:     #3FB37F;   /* успех (tool-call success) */
  --warn:   #E0A23C;   /* эскалация / внимание */
  --danger: #E5664E;   /* ошибка/опасное действие */
  --ok-soft:     rgba(63, 179, 127, 0.14);
  --warn-soft:   rgba(224, 162, 60, 0.14);
  --danger-soft: rgba(229, 102, 78, 0.14);
  --brand-soft:  rgba(82, 119, 226, 0.14);

  /* ---- Light contrast sections ---- */
  --light-bg:     #F6F7FB;
  --light-bg-2:   #FFFFFF;
  --light-text:   #0C0E16;
  --light-muted:  #565E72;
  --light-stroke: rgba(12, 14, 22, 0.10);

  /* ---- Radii ---- */
  --r-card:   16px;
  --r-card-sm:12px;
  --r-input:  10px;
  --r-pill:   999px;

  /* ---- Shadows (тонкие, с синим оттенком) ---- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.30);
  --shadow-md:  0 8px 30px rgba(0,0,0,0.40);
  --shadow-lg:  0 24px 70px rgba(0,0,0,0.55);
  --shadow-brand: 0 20px 60px -20px rgba(82,119,226,0.45);

  /* ---- Type ---- */
  --font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Layout ---- */
  --container: 1200px;
  --gutter: clamp(20px, 5vw, 40px);
  --section-y: clamp(72px, 11vh, 140px);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.5s;
}