/* ============================================================
   global.css — Enige entry-point voor het nieuwe designsysteem
   Importeert alle partials in de juiste volgorde.
   Component-CSS wordt hier later per component toegevoegd.

   LET OP: alle @import-regels moeten bovenaan staan (CSS-regel).
   Volgorde: externe fonts -> variabelen -> reset -> base.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

@import "base/_variables.css";
@import "base/_reset.css";
@import "base/_base.css";
@import "base/_tables.css";

/* --- Componenten (worden hier per component toegevoegd) --- */
@import "components/kpi-card/kpi-card.css";
@import "components/button/button.css";
@import "components/fullscreen/fullscreen.css";
@import "components/modal/modal.css";
@import "components/data-table/data-table.css";
@import "components/data-table/header-filter.css";
@import "components/data-table/rows.css";
@import "components/data-table/footer.css";
@import "components/forms/forms.css";
@import "components/select/select.css";
@import "components/topbar/topbar.css";
@import "components/segmented/segmented.css";
@import "components/metric-chart/metric-chart.css";