/**
 * app.css -- Entry stylesheet
 *
 * Import order matters:
 *   1. Tokens first -- provides CSS custom properties used everywhere.
 *   2. Reset -- normalises browser defaults.
 *   3. Utilities -- single-purpose helpers.
 *   4. Components -- reusable UI building blocks.
 *   5. Layouts -- page-level structure and tab-specific rules.
 */

/* -- Foundation -- */
@import './tokens.css';
@import './reset.css';
@import './utilities.css';

/* -- Components -- */
@import './components/button.css';
@import './components/form.css';
@import './components/card.css';
@import './components/badge.css';
@import './components/alert.css';
@import './components/skeleton.css';
@import './components/toast.css';

/* -- Layouts -- */
@import './layouts/login.css';
@import './layouts/app-shell.css';
@import './layouts/dashboard.css';
@import './layouts/settings.css';
@import './layouts/debug.css';
@import './layouts/logs.css';
@import './layouts/guardrails.css';