/* ==============================
   Main CSS
   ============================== */
@import 'reset.css';
@import 'colors.css';
@import 'typography.css';
@import 'utilities.css';

/* Components */
@import 'components/buttons.css';
@import 'components/block-header.css';
@import 'components/logo-lines.css';
@import 'components/slider.css';
@import 'components/modal.css';

/* Blocks */
@import 'blocks/header.css';
@import 'blocks/hero.css';
@import 'blocks/description.css';
@import 'blocks/activity.css';
@import 'blocks/guild.css';
@import 'blocks/banner.css';
@import 'blocks/faq.css';
@import 'blocks/fullscreen-slider.css';
@import 'blocks/feedback.css';
@import 'blocks/footer.css';
@import 'blocks/registration-form.css';
@import 'blocks/new-path.css';
@import 'blocks/slider-circle.css';

/* Адаптивы */
@import 'responsive.css';

/* ==============================
   Global
   ============================== */

body {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-primary);
  font-family: 'InterDisplay', sans-serif;
  font-weight: 400;
  font-size: clamp(0.875rem, 0.94vw, 1.125rem);
  line-height: 1.5;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-text-white-700);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-white-500);
}

::selection {
  background: rgba(200, 170, 115, 0.3);
  color: var(--color-text-primary);
}

:focus-visible {
  outline: 2px solid var(--color-brand-primary);
}

a, button, input, select, textarea {
  transition: all 0.2s ease;
}

img {
  height: auto;
  display: block;
  max-width: 100%;
}