/* ИСТ — Variables | ist-nav.ru */
:root {
  /* Colours — точные цвета из логотипа SVG */
  --bg:          #0d0f14;
  --bg-card:     #1a1d24;
  --bg-elevated: #20242f;
  --bg-input:    #141720;

  --text:        #f4f6fa;   /* светлее — лучше читается на тёмном фоне */
  --text-muted:  #b0bdd4;   /* второстепенный — тоже светлее */
  --text-dim:    #6a7a96;   /* тихий текст */

  /* #7792d8 — синий из логотипа (орбитальные элементы + подпись) */
  --accent:      #7792d8;
  /* #8ba8e7 — светлый синий из логотипа (highlight) */
  --accent-lt:   #8ba8e7;
  --accent-bg:   rgba(119, 146, 216, 0.08);
  --accent-glow: rgba(119, 146, 216, 0.16);

  --border:      rgba(139, 168, 231, 0.11);
  --border-hov:  rgba(139, 168, 231, 0.26);

  --success:     #4caf8a;
  --warn:        #e8a04a;
  --danger:      #e05a4a;

  /* Typography */
  --font: 'Manrope', sans-serif;

  /* Layout */
  --max-w:   1200px;
  --gutter:  clamp(20px, 5vw, 48px);
  --sec-py:  clamp(64px, 9vw, 112px);

  /* Radii */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  20px;
  --r-xl:  28px;

  /* Shadows */
  --shadow-sm:  0 2px 12px rgba(0,0,0,.35);
  --shadow-md:  0 6px 32px rgba(0,0,0,.50);
  --shadow-lg:  0 12px 56px rgba(0,0,0,.60);
  --glow:       0 0 56px rgba(119,146,216,.18);

  /* Transitions */
  --ease:   cubic-bezier(.4, 0, .2, 1);
  --t-fast: .15s var(--ease);
  --t:      .30s var(--ease);
}