/* =========================================================
   MAIN.CSS – the only stylesheet the pages load.
   It loads everything below, in this order.
   ========================================================= */

/* 1. Foundations: fonts, Figma variables, text styles, layout */
@import './base.css';

/* 2. Small building blocks */
@import './components/buttons.css';
@import './components/headings.css';
@import './components/callouts.css';
@import './components/cards.css';
@import './components/charts.css';
@import './components/axis-summary.css';

/* 3. Site frame (same on every page) */
@import './components/navbar.css';
@import './components/header.css';
@import './components/footer.css';

/* 4. Interactive components */
@import './components/tabs.css';
@import './components/accordion.css';

/* 5. Content components */
@import './components/tables.css';
@import './components/sidebar.css';
@import './components/carousel.css';

/* 6. Page-specific styles */
@import './pages/home.css';

/* 7. Print / Save as PDF (always last) */
@import './components/print.css';