/* ===========================================
   BANKA UI — DESIGN SYSTEM
   Entry point — подключай этот файл
   =========================================== */

/* 1. Шрифт */
@import "./fonts/fonts.css";

/* 2. Токены */
@import "./tokens/typography.css";
@import "./tokens/spacing.css";
@import "./tokens/radius.css";
@import "./tokens/colors-light.css";
@import "./tokens/colors-dark.css";

/* 3. Утилиты */
@import "./utils/typography-classes.css";

/* 4. Компоненты */
@import "./components/button.css";
@import "./components/badge.css";
@import "./components/tag.css";
@import "./components/input.css";
@import "./components/checkbox.css";
@import "./components/switch.css";
@import "./components/card.css";
@import "./components/alert.css";

/* ----- Base reset ----- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: var(--Typeface-Font-Family);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--jar-Text-Primary);
  background-color: var(--jar-Background-Primary);
}