// ------------------------------------------------------------------
// Bootstrap 5.3 - Handoff Design Tokens Map
// Include this file in a Bootstrap 5.3 project to map Figma tokens
// produced by the Handoff design system.
// ------------------------------------------------------------------
// Order is following:
//
// 1. Initialize Bootstrap
// 2. Load empty default variables and raw design tokens from Handoff export
// 3. Map Handoff to basic set of Bootstrap variables
// 4. Load all default Bootstrap variables that weren't mapped from Handoff
// 5. Load Bootstrap base and components layers
// 6. Extend Bootstrap components by mapping additional Handoff variables


// 1. Initialize Bootstrap
// ------------------------------------------------------------------

@import 'node_modules/bootstrap/scss/functions';

// 2. Handoff Tokens
//    Load empty default variables that prevent the build from
//    breaking if some components are not being used.
//    Then load raw design tokens from Handoff export.
// ------------------------------------------------------------------

@import 'variables-default';

@import '../tokens/types/typography';
@import '../tokens/types/effects';
@import '../tokens/types/colors';
//<#HANDOFF.TOKENS.TYPES#>

@import '../tokens/sass/typography';
@import '../tokens/sass/effects';
@import '../tokens/sass/colors';
//<#HANDOFF.TOKENS.SASS#>

@import '../tokens/css/typography';
@import '../tokens/css/effects';
@import '../tokens/css/colors';
//<#HANDOFF.TOKENS.CSS#>

// 3. Project Variables
// ------------------------------------------------------------------

$prefix: '';
@import 'variables';

//<#HANDOFF.MAPS#>

// 4. Bootstrap Variables
//    Load Bootstrap variables
// ------------------------------------------------------------------

@import 'node_modules/bootstrap/scss/variables';
@import 'node_modules/bootstrap/scss/maps';
@import 'node_modules/bootstrap/scss/mixins';
@import 'node_modules/bootstrap/scss/utilities';


// 5. Bootstrap Base and Components
//    Load Bootstrap configuration, layout, components, helpers, utilities
// ------------------------------------------------------------------

@import 'node_modules/bootstrap/scss/root';
@import 'node_modules/bootstrap/scss/reboot';
@import 'node_modules/bootstrap/scss/type';
@import 'node_modules/bootstrap/scss/images';
@import 'node_modules/bootstrap/scss/containers';
@import 'node_modules/bootstrap/scss/grid';
@import 'node_modules/bootstrap/scss/tables';
@import 'node_modules/bootstrap/scss/forms';
@import 'node_modules/bootstrap/scss/buttons';
@import 'node_modules/bootstrap/scss/transitions';
@import 'node_modules/bootstrap/scss/dropdown';
@import 'node_modules/bootstrap/scss/button-group';
@import 'node_modules/bootstrap/scss/nav';
@import 'node_modules/bootstrap/scss/navbar';
@import 'node_modules/bootstrap/scss/card';
@import 'node_modules/bootstrap/scss/accordion';
@import 'node_modules/bootstrap/scss/breadcrumb';
@import 'node_modules/bootstrap/scss/pagination';
@import 'node_modules/bootstrap/scss/badge';
@import 'node_modules/bootstrap/scss/alert';
@import 'node_modules/bootstrap/scss/progress';
@import 'node_modules/bootstrap/scss/list-group';
@import 'node_modules/bootstrap/scss/close';
@import 'node_modules/bootstrap/scss/toasts';
@import 'node_modules/bootstrap/scss/modal';
@import 'node_modules/bootstrap/scss/tooltip';
@import 'node_modules/bootstrap/scss/popover';
@import 'node_modules/bootstrap/scss/carousel';
@import 'node_modules/bootstrap/scss/spinners';
@import 'node_modules/bootstrap/scss/offcanvas';
@import 'node_modules/bootstrap/scss/placeholders';
@import 'node_modules/bootstrap/scss/helpers';
@import 'node_modules/bootstrap/scss/utilities/api';


// 6. Project Components
//    Extend default Bootstrap components by mapping all the tokens
// ------------------------------------------------------------------

//<#HANDOFF.EXTENSIONS#>