//(змінні через :root)

// 1. Палітра кольорів
@use './colors' as *;

// 2. Типографія
@use './fonts' as *;

// 3. Радіус
@use './radius' as *;

// 4. Padding
@use './padding' as *;

// 5. Padding
@use './gap' as *;

// 6. Scrollbar
@use './scrollbar' as *;

// 6. Стилі лейаутів
@use './layouts' as *;

// 6. Стилі сторінки
@use './page' as *;

// 7. Стилі ширини
@use './width' as *;

@use '../components/button/button';
@use '../components/transfer-list/transfer-list';
@use '../components/loader/loader' as loader-component;
@use '../components/image-fullscreen/imageFullscreen';
@use '../components/timer/timer';
@use '../components/pagination/pagination';
@use '../components/table/table';
@use '../components/table/column-selector';
@use '../components/modal/modal';
@use '../components/checkbox/checkbox';
@use '../components/radiobox/radiobox';
@use '../components/dropdown/dropdown';
@use '../components/datepicker/datepicker';
@use '../components/timepicker/timepicker';
@use '../components/input/input';
@use '../components/select/select';
@use '../components/collapse/collapse';
@use '../components/message/message';
@use '../components/tabs/tabs';
@use '../components/upload/upload';
@use '../components/color-picker/color-picker';
@use '../components/avatar/avatar';
@use '../components/badge/badge';
@use '../components/avatar-upload/avatar-upload';
@use '../components/slider/slider';
@use '../components/sidebar/sidebar';
@use '../components/info-box/info-box';
@use '../components/breadcrumb/breadcrumb';
@use '../components/audio/audio';
@use '../components/empty/empty';
@use '../components/editor/editor';
@use '../components/app-bar/app-bar';
@use '../components/nav-rail/nav-rail';
@use '../directives/tooltip/tooltip';
@use '../directives/loader/loader' as loader-directive;

body {
  @include vt-scrollbar;
}