/**
 * Main stylesheet for the project.
 *
 * Structure:
 * - Imports theme tokens, base styles, layout, modules, and state stylesheets in a specific order.
 * - Follows the convention: Theme tokens first, then base, layout, modules, and state.
 * - Includes a commented-out section for temporary visual debugging (outlines all elements).
 *
 * Filepath: ./style/index.css
 */
/* Theme tokens first, then base, layout, modules, state */
@import "./theme/_tokens.css";
@import "./base/_base.css";
@import "./layout/_page.css";
@import "./layout/_grid.css";
@import "./modules/_button.css";
@import "./modules/_logo.css";
@import "./modules/_modal.css";
@import "./state/_states.css";

/* temporary for visual debugging below */
/*
* {
  outline: 1px solid red;
}
*/