/* =============================================================
   TopNET GSI — ЕДИНЫЕ ТОКЕНЫ ДИЗАЙН-СИСТЕМЫ
   Подключается ПЕРВЫМ на всех страницах, включая ЛК и регистрацию.
   Здесь и только здесь живут цвета, радиусы и тени сайта.
   ============================================================= */

:root {
  /* ---------- Палитра бренда ---------- */
  --brand:   #0E5AA7;      /* primary  */
  --accent:  #F5871F;      /* accent   */
  --success: #2E9E5B;      /* success  */
  --bg:      #F7F9FB;      /* background */
  --bg-alt:  #FFFFFF;      /* карточки на светлом */
  --ink:     #1A2733;      /* text / dark */
  --ink-2:   #4A5763;
  --muted:   #8B95A1;

  /* оттенки для ховеров и градиентов */
  --brand-2:  #0A3D70;
  --brand-3:  #4A83BD;
  --brand-4:  #7AA4CF;
  --brand-tint: #CFDEED;   /* самый светлый Primary — плейсхолдеры */
  --accent-2: #D97010;
  --accent-3: #F9B16D;

  /* мягкие подложки акцента (иконки, чипы) */
  --accent-soft:      #FEEDDD;
  --accent-soft-ink:  #8A4B08;
  --accent-on-dark:   #FFCF9E;   /* акцентный текст на тёмном */
  --success-on-dark:  #9FE3BC;   /* успех на тёмном */

  /* тёмные поверхности */
  --dark:      #1A2733;
  --dark-2:    #111921;
  --dark-3:    #223449;
  --card-dark: #22303E;          /* карточка ЛК/регистрации */

  --accent-glow: rgba(245, 135, 31, 0.35);
  --brand-glow:  rgba(14, 90, 167, 0.28);

  /* ---------- Линии ---------- */
  --line:        rgba(26, 39, 51, 0.10);
  --line-strong: rgba(26, 39, 51, 0.18);
  --line-light:  rgba(255, 255, 255, 0.14);

  /* ---------- Типографика ---------- */
  --h1: clamp(2.8rem, 6vw, 5.4rem);
  --h2: clamp(2rem, 4vw, 3.4rem);
  --h3: 1.5rem;

  /* ---------- Радиусы: одна шкала на сайт ---------- */
  --radius-sm: 8px;
  --radius:    10px;   /* поля ввода */
  --radius-md: 14px;
  --radius-lg: 20px;   /* карточки */
  --radius-xl: 24px;   /* крупные карточки */
  --radius-pill: 999px;

  /* ---------- Тени: три уровня ---------- */
  --shadow-sm: 0 6px 18px -12px rgba(26, 39, 51, 0.35);
  --shadow-md: 0 20px 40px -30px rgba(26, 39, 51, 0.35);
  --shadow-lg: 0 30px 56px -30px rgba(26, 39, 51, 0.45);

  /* ---------- Layout ---------- */
  --container: 1200px;
  --gutter: clamp(20px, 5vw, 72px);
}