/* ============================================================
   Фирменный шрифт Babiators — Euclid Circular A (Swiss Typefaces)
   Общий слой для форм (register, claim, checkout, login).
   Путь к woff2 относителен ЭТОГО css-файла → работает из любой папки.
   Подключать ПОСЛЕ customer-babiators.css, чтобы переопределить --font-family.
   WebXL-subset — с кириллицей (WebS был только латиница → русский падал в фолбэк).
   ============================================================ */
@font-face{font-family:"Euclid Circular A";src:url("../assets/fonts/EuclidCircularA-Light-WebXL.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Euclid Circular A";src:url("../assets/fonts/EuclidCircularA-Regular-WebXL.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Euclid Circular A";src:url("../assets/fonts/EuclidCircularA-Medium-WebXL.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Euclid Circular A";src:url("../assets/fonts/EuclidCircularA-Semibold-WebXL.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Euclid Circular A";src:url("../assets/fonts/EuclidCircularA-Bold-WebXL.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --font-family:"Euclid Circular A","Plus Jakarta Sans",system-ui,sans-serif;
  --bab-font-heading:"Euclid Circular A","Plus Jakarta Sans",system-ui,sans-serif;
  --bab-font-body:"Euclid Circular A","Plus Jakarta Sans",system-ui,sans-serif;
}
body,input,button,select,textarea,.wizard-input{font-family:"Euclid Circular A","Plus Jakarta Sans",system-ui,sans-serif}
/* Заголовки форм: не трогаем размер/вес (register-wizard задаёт 800/48px),
   Euclid берёт Bold-начертание через --bab-font-heading. */

/* ============================================================
   Базовый a11y-слой (грузится на всех страницах вместе с шрифтом)
   ============================================================ */

/* Видимый фокус для клавиатуры (WCAG 2.4.7/2.4.11). Специфичные :focus-visible
   на страницах переопределяют этот фолбэк. Не показываем при клике мышью. */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #FF6B35;
  outline-offset: 2px;
  /* НЕ навязываем border-radius: он перебивал собственное скругление элемента
     (у инпутов 16px → становилось 4px при фокусе с клавиатуры, углы «квадратились»).
     Outline современных браузеров и так огибает border-radius самого элемента. */
}

/* Уважать системную настройку «меньше движения» (WCAG 2.3.3) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}