/* main.css — Vitalio frontend stylesheet entry point.
 *
 * Imports the partials in cascade order. Every dashboard page links
 * /css/main.css and gets the whole bundle via @import (HTTP/2-friendly
 * for Vitalio's scale; if/when this becomes a perf concern, replace
 * @import with multiple <link> tags or a build-time concat).
 *
 * Cascade order (matters):
 *   tokens      — :root design tokens, used by everything below
 *   base        — body, typography, marketing-page chrome
 *   forms       — form, btn, checkbox, chip-toggle, password-toggle
 *   layout      — .app, .sidebar, .app__topbar, .mobile-topbar
 *   components  — generic UI primitives (cards, badges, drawers, modals…)
 *   pages       — page-specific styles (lead-detail v2, kanban, dashboard)
 *   responsive  — mobile @media overrides (last so they win)
 *
 * See docs/tech/frontend.md for which file a new style should land in.
 */

@import url('tokens.css');
@import url('base.css');
@import url('forms.css');
@import url('layout.css');
@import url('components.css');
@import url('pages.css');
@import url('responsive.css');