// =============================================================================
// Decent Billing ERP - Application stylesheet root
// =============================================================================
// Order:
//  1. Design tokens (SCSS variables) - MUST be first so Bootstrap picks them up.
//  2. Bootstrap 5.3 (functions -> variables -> map/merge -> import).
//  3. Theme mappings (CSS custom properties for light/dark/system).
//  4. Base element rules.
//  5. App layout shell.
//  6. Components.
//  7. Utilities.
// =============================================================================

@use 'tokens' as t;

// --- Bootstrap 5.3 (partial import to keep bundle small) ---------------------
@use 'bootstrap/scss/functions' as *;

// Re-declare Bootstrap variables that consume our tokens.
$primary:   t.$primary;
$secondary: t.$secondary;
$success:   t.$success;
$info:      t.$info;
$warning:   t.$warning;
$danger:    t.$danger;
$light:     t.$light;
$dark:      t.$dark;
$body-color: t.$body-color;
$body-bg:    t.$body-bg;
$border-color: t.$border-color;
$border-radius: t.$border-radius;
$border-radius-sm: t.$border-radius-sm;
$border-radius-lg: t.$border-radius-lg;
$border-radius-xl: t.$border-radius-xl;
$font-family-sans-serif: t.$font-family-sans-serif;
$font-family-monospace:  t.$font-family-monospace;
$font-size-base: t.$font-size-base;
$grid-gutter-width: t.$grid-gutter-width;
$enable-shadows: true;
$enable-negative-margins: true;

@use 'bootstrap/scss/variables' as *;
@use 'bootstrap/scss/variables-dark' as *;
@use 'bootstrap/scss/maps' as *;
@use 'bootstrap/scss/mixins' as *;
@use 'bootstrap/scss/root' as *;
@use 'bootstrap/scss/reboot' as *;
@use 'bootstrap/scss/type' as *;
@use 'bootstrap/scss/images' as *;
@use 'bootstrap/scss/containers' as *;
@use 'bootstrap/scss/grid' as *;
@use 'bootstrap/scss/tables' as *;
@use 'bootstrap/scss/forms' as *;
@use 'bootstrap/scss/buttons' as *;
@use 'bootstrap/scss/transitions' as *;
@use 'bootstrap/scss/dropdown' as *;
@use 'bootstrap/scss/button-group' as *;
@use 'bootstrap/scss/nav' as *;
@use 'bootstrap/scss/navbar' as *;
@use 'bootstrap/scss/card' as *;
@use 'bootstrap/scss/breadcrumb' as *;
@use 'bootstrap/scss/pagination' as *;
@use 'bootstrap/scss/badge' as *;
@use 'bootstrap/scss/alert' as *;
@use 'bootstrap/scss/progress' as *;
@use 'bootstrap/scss/list-group' as *;
@use 'bootstrap/scss/close' as *;
@use 'bootstrap/scss/toasts' as *;
@use 'bootstrap/scss/modal' as *;
@use 'bootstrap/scss/tooltip' as *;
@use 'bootstrap/scss/popover' as *;
@use 'bootstrap/scss/spinners' as *;
@use 'bootstrap/scss/offcanvas' as *;
@use 'bootstrap/scss/utilities' as *;
@use 'bootstrap/scss/helpers' as *;
@use 'bootstrap/scss/utilities/api' as *;

// --- Theme -------------------------------------------------------------------
@use 'theme-light';
@use 'theme-dark';

// --- App styles --------------------------------------------------------------
@use 'base';
@use 'layout';
@use 'components';
@use 'utilities';