/* Синди — дизайн-токены по бренд-гайду (П2-3). Один файл для КП (landing.html) и приложения (salon-3d.html). */
:root {
  /* основные цвета бренда */
  --brand-primary: #5673DC;
  --brand-secondary: #C0C9ED;
  --brand-surface: #F3F4F7;
  /* производные оттенки основного — для текста на светлом, наведения и подложек активных состояний.
     TODO: тёплая и холодная вспомогательные группы бренда — значения от заказчика */
  --brand-primary-strong: #4560C4; /* для мелкого текста и кнопок с белым текстом: #5673DC даёт 4,3:1, этот — ≈5,4:1 */
  --text-muted: #6B6779; /* вторичный текст, ≥ 4,5:1 на белом */
  --brand-primary-deep: #2C3F86;
  --brand-primary-soft: #8EA0E8;
  --brand-primary-tint: #E3E8F8;
  --brand-primary-wash: #EEF1FB;

  /* шрифты: Unbounded — только H1/H2, текст — Manrope */
  --font-heading: 'Unbounded', 'Manrope', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;

  /* радиусы и тени */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 14px 34px rgba(40, 46, 80, .06);
  --shadow-pop: 0 20px 50px rgba(40, 46, 80, .12);
  --shadow-accent: 0 10px 25px -5px rgba(86, 115, 220, .4);
}

h1, h2 { font-family: var(--font-heading) !important; font-weight: 500 !important; letter-spacing: -0.015em; }

/* П2-4: видимый фокус с клавиатуры для всех интерактивных элементов */
:where(a[href], button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid var(--brand-primary-strong) !important; outline-offset: 2px !important;
}
/* П2-4: при «уменьшении движения» анимации и плавные переходы выключены */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}