/* RetroCSS - A Retro-Inspired CSS Framework */
/* Main SCSS file that imports all components */

@use "sass:color";
@use "sass:map";
@use "sass:math";

/* Core */
@use "variables" as *;
@use "base";
@use "typography";

/* Components */
@use "components/button";
@use "components/avatar";
@use "components/card";
@use "components/form";
@use "components/checkbox-radio";
@use "components/alert";
@use "components/table";
@use "components/modal";
@use "components/nav";
@use "components/progress";
@use "components/badge";
@use "components/accordion";
@use "components/pagination";
@use "components/breadcrumbs";
@use "components/dropdown";
@use "components/file-upload";
@use "components/tag-input";
@use "components/search-bar";
@use "components/rating";
@use "components/divider";
@use "components/tooltip";
@use "components/list";
@use "components/carousel";
@use "components/datetime";
@use "components/infinite-scroll";
@use "components/sidebar";

/* Utilities */
@use "utilities/accessibility";
@use "utilities/spacing";
@use "utilities/flex";
@use "utilities/sizing";
@use "utilities/colors";
@use "utilities/effects";
@use "utilities/grid";
@use "utilities/container-queries";
@use "utilities/layout";

// NOTE: a `.main-content { margin-left: 220px }` rule and a mobile override
// using `width: 100vw !important` used to sit here — app layout hardcoded into
// the framework entry file. The margin assumed a fixed-position sidebar that
// the component does not use, and 100vw includes the scrollbar, so it caused
// horizontal overflow. Layout now lives in utilities/_layout.scss.