// General Imports
@use 'Colors_Dark';
@use 'Colors_Light';
@use 'Fonts';
@use 'Animations';
@use 'Misc';

// Component Styles
//app
@use '../app/App.scss';

//system
@use '../features/system/SiteHeader.scss';
@use '../features/system/StatusIndicator.scss';
@use '../features/system/SettingsModal/SettingsModal.scss';
@use '../features/system/SettingsModal/ModelList.scss';
@use '../features/system/HotkeysModal/HotkeysModal.scss';
@use '../features/system/Console.scss';

// options
@use '../features/options/PromptInput/PromptInput.scss';
@use '../features/options/ProcessButtons/ProcessButtons.scss';
@use '../features/options/MainOptions/MainOptions.scss';
@use '../features/options/AccordionItems/AdvancedSettings.scss';
@use '../features/options/AdvancedOptions/Upscale/UpscaleOptions.scss';
@use '../features/options/AdvancedOptions/Inpainting/BoundingBoxSettings/BoundingBoxSettings.scss';
@use '../features/system/ProgressBar.scss';

// gallery
@use '../features/gallery/CurrentImageDisplay.scss';
@use '../features/gallery/CurrentImageButtons.scss';
@use '../features/gallery/ImageGallery.scss';
@use '../features/gallery/HoverableImage.scss';
@use '../features/gallery/ImageMetaDataViewer/ImageMetadataViewer.scss';

// Tabs
@use '../features/tabs/InvokeTabs.scss';
@use '../features/tabs/InvokeWorkarea.scss';
@use '../features/tabs/InvokeOptionsPanel.scss';
@use '../features/tabs/TextToImage/TextToImage.scss';
@use '../features/tabs/ImageToImage/ImageToImage.scss';
@use '../features/tabs/FloatingButton.scss';
@use '../features/tabs/Inpainting/Inpainting.scss';
@use '../features/tabs/Inpainting/InpaintingCanvasStatusIcons.scss';

// Component Shared
@use '../common/components/IAINumberInput.scss';
@use '../common/components/IAIInput.scss';
@use '../common/components/IAIIconButton.scss';
@use '../common/components/IAIButton.scss';
@use '../common/components/IAISwitch.scss';
@use '../common/components/IAISelect.scss';
@use '../common/components/IAISlider.scss';
@use '../common/components/IAICheckbox.scss';
@use '../common/components/IAIPopover.scss';
@use '../common/components/IAIColorPicker.scss';
@use '../common/components/ImageUploader.scss';
@use '../common/components/WorkInProgress/WorkInProgress.scss';
@use '../common/components/GuidePopover.scss';

// Component Shared - Radix UI
// @use '../common/components/radix-ui/IAISlider.scss';
// @use '../common/components/radix-ui/IAITooltip.scss';

// Shared Styles
@use './Mixins/' as *;

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  @include HideScrollbar;
  background-color: var(--root-bg-color);
  overflow: hidden;
}

#root {
  background-color: var(--root-bg-color);
  color: var(--text-color);
  font-family: 'Inter', Arial, Helvetica, sans-serif;
}