/* ==========================================================
 * Орбита · Дизайн-токены · Палитра A · Noble Navy
 * Утверждена Еленой 12.06.2026 вечер
 * Источник правды: /srv/maprex/clients/orbita/FACTS_HARD_STOP_2026-06-12.md
 * Превью: https://app.maprexai.com/orbita-design-system-v4.4/
 *
 * Цитаты выбора:
 *   «да первый вариант мне больше понравился» — Елена, 12.06
 *   «я же выбрала с синим» — Елена, 12.06 вечер
 *   «палитра А» — Елена, финал 12.06
 *
 * Философия:
 *   Полночное Чёрное море с золотым отблеском заката.
 *   Не корпоративный navy, не морской бирюзовый.
*   Тёмная основа + тёплый акцент + светлая подложка.
 *
 * Применение: лендинг Орбиты Phase 2, /var/www/orbita-v43/
 *
 * UPDATE 12.06 вечер: добавлены вспомогательные цвета --orbita-blue + --orbita-sapphire.
 * Палитра 5-цветная (Ночь / Золото / Молоко / Синий вспомог. / Сапфир нюанс).
 * ========================================================== */

:root{
  /* ===== Главные цвета ===== */
  --orbita-surface:       #0D1B2E;  /* Ночь — полночный синий, surface-dark */
  --orbita-surface-2:     #13243D;  /* мягкий навигационный navy для градиента */
  --orbita-background:    #F5F2EC;  /* Молоко — background */
  --orbita-paper:         #FFFFFF;
  --orbita-accent:        #D4A85B;  /* Золото — песочное золото (v4.4 brighter, 12.06 evening) */
  --orbita-accent-soft:   #DEBA77;  /* светлая позолота, hover (v4.4 +8% L) */
  --orbita-line:          #E5E0D5;  /* линия на светлом */
  --orbita-line-dark:     #1B2E45;  /* линия на тёмном */

  /* ===== Вспомогательные цвета (добавлены 12.06 вечер) ===== */
  --orbita-blue:          #17478F;  /* Синий — морской из v4.1, вспомогательный акцент */
  --orbita-sapphire:      #E8EFF8;  /* Сапфир — светлый блик, нюанс */

  /* ===== Чернила на светлом ===== */
  --orbita-ink:           #0D1B2E;  /* основной текст */
  --orbita-ink-muted:     #4A5567;  /* приглушённый текст */

  /* ===== Чернила на тёмном ===== */
  --orbita-ink-on-dark:   #F3EFE6;  /* основной на surface */
  --orbita-mute-dark:     #9CA4B0;  /* приглушённый на surface */

  /* ===== Шрифтовая пара ===== */
  --orbita-font-display:  'DM Serif Display', Georgia, serif;
  --orbita-font-body:     'Inter', 'Manrope', system-ui, -apple-system, sans-serif;

  /* ===== Type scale · modular 1.250 ===== */
  --orbita-t-display:     clamp(78px, 10vw, 160px);   /* S1 hero-product Orbi City */
  --orbita-t-hero-slog:   clamp(38px, 5.5vw, 76px);   /* S1 slogan */
  --orbita-t-h1:          clamp(40px, 4.2vw, 60px);
  --orbita-t-h2:          clamp(30px, 3.2vw, 46px);
  --orbita-t-h3:          clamp(24px, 2.4vw, 32px);
  --orbita-t-quote:       clamp(20px, 2.2vw, 26px);   /* S4 CEO blockquote — речевой ритм */
  --orbita-t-lead:        clamp(18px, 1.5vw, 21px);
  --orbita-t-body:        16px;
  --orbita-t-small:       14px;
  --orbita-t-caption:     12px;

  /* ===== Радиусы / тени ===== */
  --orbita-r-sm:          3px;
  --orbita-r-md:          6px;
  --orbita-shadow-card:   0 18px 40px rgba(13, 27, 46, 0.08);
  --orbita-shadow-hero:   0 24px 56px rgba(13, 27, 46, 0.14);

  /* ===== Spacing система ===== */
  /* v4.7.4 16.06 — поджали ритм: было 96/48, секции «дышали» слишком широко */
  --orbita-space-section: 72px;
  --orbita-space-block:   40px;
  --orbita-space-card:    32px;
}

/* ===== Базовые правила применения ===== */
.orbita-on-dark{
  background: var(--orbita-surface);
  color: var(--orbita-ink-on-dark);
}
.orbita-on-light{
  background: var(--orbita-background);
  color: var(--orbita-ink);
}
.orbita-accent-text{ color: var(--orbita-accent); }
.orbita-cta{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 18px 32px;
  background: var(--orbita-accent);
  color: var(--orbita-surface);
  text-decoration: none;
  font-family: var(--orbita-font-body);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: var(--orbita-r-sm);
  transition: background 0.18s ease, transform 0.18s ease;
}
.orbita-cta:hover{
  background: var(--orbita-accent-soft);
  transform: translateY(-1px);
}

/* ===== Заголовки ===== */
.orbita-display{
  font-family: var(--orbita-font-display);
  font-size: var(--orbita-t-display);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.015em;
}
.orbita-h1{ font-family: var(--orbita-font-display); font-size: var(--orbita-t-h1); font-weight: 400; line-height: 1.1; }
.orbita-h2{ font-family: var(--orbita-font-display); font-size: var(--orbita-t-h2); font-weight: 400; line-height: 1.12; }
.orbita-h3{ font-family: var(--orbita-font-display); font-size: var(--orbita-t-h3); font-weight: 400; line-height: 1.2; }
.orbita-quote{
  font-family: var(--orbita-font-display);
  font-size: var(--orbita-t-quote);
  font-weight: 400;
  font-style: italic;
  line-height: 1.45;
}
.orbita-lead{ font-family: var(--orbita-font-body); font-size: var(--orbita-t-lead); font-weight: 400; line-height: 1.55; }
.orbita-body{ font-family: var(--orbita-font-body); font-size: var(--orbita-t-body); font-weight: 400; line-height: 1.65; }
.orbita-caption{
  font-family: var(--orbita-font-body);
  font-size: var(--orbita-t-caption);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

/* ==========================================================
 * Правила применения вспомогательных цветов
 * (добавлено 12.06.2026 вечер)
 * ========================================================== */

/* Синий #17478F — гиперссылки. Hover — золото. */
.orbita-link,
a.orbita-link{
  color: var(--orbita-blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.18s ease, text-decoration-color 0.18s ease;
}
.orbita-link:hover,
a.orbita-link:hover{
  color: var(--orbita-accent);
  text-decoration-color: var(--orbita-accent);
}
.orbita-link:focus-visible,
a.orbita-link:focus-visible{
  outline: 2px solid var(--orbita-accent);
  outline-offset: 3px;
  border-radius: 2px;
}

/* Сапфир #E8EFF8 — фон вторичных секций (технические/справочные блоки) */
.orbita-section-secondary{
  background: var(--orbita-sapphire);
  color: var(--orbita-ink);
}
.orbita-section-secondary .orbita-h2,
.orbita-section-secondary .orbita-h3{
  color: var(--orbita-surface);
}