/* ============================================================
   COLORS — Аврора Design System
   Light SaaS palette. Blue primary, soft neutrals, status hues.
   Base values + semantic aliases.
   ============================================================ */
:root {
  /* ---- Brand / accent ---- */
  --primary:        #2d50e6;   /* основной акцент */
  --primary-400:    #5a7bf5;   /* осветлённый акцент / градиенты */
  --primary-600:    #2745c8;   /* нажатое состояние primary */
  --primary-soft:   rgba(45, 80, 230, 0.12);   /* мягкая подложка акцента */
  --primary-soft-strong: rgba(45, 80, 230, 0.14); /* подложка пилла/чипа */

  --accent-2:       #7c5cfc;   /* вторичный акцент (фиолетовый) */

  /* ---- Status hues ---- */
  --success:        #16a34a;   /* успех / активно / готово */
  --warning:        #f97316;   /* в работе / внимание */
  --danger:         #e0364c;   /* ошибка / опасное действие */
  --pay:            #ec4899;   /* оплата / биллинг */
  --info:           #0ea5e9;   /* информация */

  /* tinted status surfaces (≈14% alpha of the hue) */
  --success-soft:   rgba(22, 163, 74, 0.14);
  --warning-soft:   rgba(249, 115, 22, 0.14);
  --danger-soft:    rgba(224, 54, 76, 0.14);
  --pay-soft:       rgba(236, 72, 153, 0.14);
  --info-soft:      rgba(14, 165, 233, 0.14);

  /* ---- Neutrals (cool gray scale) ---- */
  --bg:             #e8eaf0;   /* фон страницы */
  --surface:        #ffffff;   /* карточка / поверхность */
  --surface-2:      #fafbfc;   /* вложенная карточка */
  --surface-sunken: #f1f3f7;   /* подложка / трек */
  --field:          #f6f7f9;   /* фон поля ввода */
  --border:         #eef1f5;   /* тонкая граница карточек */
  --border-strong:  #e4e7ee;   /* граница полей / кнопок */

  --text:           #1b2430;   /* основной текст */
  --text-2:         #3a4250;   /* плотный body */
  --text-3:         #4a5260;   /* пункты меню */
  --text-muted:     #6b7482;   /* вторичный текст */
  --text-soft:      #8a92a3;   /* подписи */
  --text-faint:     #9aa3b2;   /* приглушённый / мета */
  --text-disabled:  #aab1bd;   /* выключенный текст */

  /* ---- Semantic aliases (use these in components) ---- */
  --surface-card:   var(--surface);
  --text-body:      var(--text-2);
  --text-heading:   var(--text);
  --text-caption:   var(--text-faint);
  --focus-ring:     rgba(45, 80, 230, 0.12);
  --on-primary:     #ffffff;
  --on-status:      #ffffff;
}