/* =========================================================
   MAIN STYLE IMPORTS
   ========================================================= */

/* Tokens and themes first */
@import "css/00-tokens.css";
@import "css/01-theme-light.css";
@import "css/02-theme-dark.css";

/* Base styles */
@import "css/03-base.css";

/* Components */
@import "css/components/cards.css";
@import "css/components/buttons.css";
@import "css/components/dropdowns.css";
@import "css/components/sliders.css";
@import "css/components/date-picker.css";
@import "css/components/charts.css";
@import "css/components/kpi.css";
@import "css/components/inputs.css";

/* Integrations */
@import "css/integrations/ag-grid.css";
@import "css/integrations/dash-table.css";

/* Pages */
@import "css/pages/home.css";
@import "css/pages/compare.css";
@import "css/pages/simulation.css";
@import "css/pages/dashboard.css";
@import "css/pages/economy.css";


/* =========================================================
   GLOBAL SCROLLBAR STYLING
   ========================================================= */

/* Chrome, Edge, Safari */
*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

*::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

*::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 6px;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--accent);
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) var(--bg-secondary);
}