/* ДОМ45 — design tokens. Generated from tokens.json */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --color-action-primary: #288e62;
  --color-action-hover: #136e47;
  --color-action-soft: #def2e9;
  --color-accent-sand: #c0a380;
  --color-text-primary: #212121;
  --color-text-secondary: #535353;
  --color-surface: #ffffff;
  --color-surface-subtle: #f6f6f6;
  --color-border: #ececec;
  --color-surface-dark: #021002;
  --color-text-inverse: var(--color-surface);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 30px;
  --space-8: 40px;
  --space-9: 60px;
  --space-legacy-6: 6px;
  --space-legacy-10: 10px;
  --space-legacy-14: 14px;

  --radius-control: 6px;
  --radius-card: 10px;
  --radius-pill: 40px;

  --container-1920: 1748px;
  --container-1440: 1380px;
  --modal-mobile: 345px;
  --touch-target: 44px;

  --font-sans: Manrope, system-ui, sans-serif;
  --font-display: "Bebas Neue Cyrillic", "Bebas Neue", "Arial Narrow", sans-serif;
}

/* Breakpoints (use in media queries): bp-desktop-xl 1920px, bp-desktop 1440px, bp-tablet 990px, bp-mobile 375px */

.display-xl {
  font-family: var(--font-display);
  font-size: 60px;
  line-height: 60px;
  font-weight: 400;
  text-transform: uppercase;
}
.label {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.heading-1 {
  font-family: var(--font-sans);
  font-size: 36px;
  line-height: 43px;
  font-weight: 700;
}
.heading-2 {
  font-family: var(--font-sans);
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
}
.heading-3 {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
}
.body-lg {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.body-md {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.body-sm {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}