@use "sass:map";
@import 'bootstrap/scss/functions';

// Override bootstrap colors
$primary: $color-primary;
$secondary: $color-secondary;
$success: $color-success;
$info: $color-info;
$warning: $color-warning;
$danger: $color-danger;
$light: $color-light;
$white: $color-white;
$dark: $color-dark;
$tertiary: $color-tertiary;
$quad: $color-quad;
$quint: $color-quint;
$theme-colors: (
    primary: $primary,
    secondary: $secondary,
    tertiary: $tertiary,
    quad: $quad,
    quint: $quint,
    success: $success,
    info: $info,
    warning: $warning,
    danger: $danger,
    light: $light,
    "white": $white,
    dark: $dark,
);
$custom-theme-colors: map.merge($theme-colors,
(
    'tertiary': $tertiary,
    'quad': $quad,
    'quint': $quint,
));
$theme-colors: map.merge($theme-colors, $custom-theme-colors);
$theme-colors-rgb: map-loop($theme-colors, to-rgb, '$value');

// Override bootstrap vars
$font-family-base: $font-default-family-base;
$font-size-base: $font-default-size-base;
$line-height-base: $line-default-height-base;

// Add font-size variable
$heading-multiplicator: 1;
$h1-font-size: $font-size-base * $heading-multiplicator * 2.5;
$h2-font-size: $font-size-base * $heading-multiplicator * 2;
$h3-font-size: $font-size-base * $heading-multiplicator * 1.75;
$h4-font-size: $font-size-base * $heading-multiplicator * 1.5;
$h5-font-size: $font-size-base * $heading-multiplicator * 1.25;
$h6-font-size: $font-size-base * $heading-multiplicator;

// Add the new font-size in this map
$font-sizes: (
    1: $h1-font-size,
    2: $h2-font-size,
    3: $h3-font-size,
    4: $h4-font-size,
    5: $h5-font-size,
    6: $h6-font-size,
);