$primary: #223b83;
$secondary: #e37b0a;
$tertiary: #00a6c8;

@import 'bootstrap/scss/functions';
@import 'bootstrap/scss/mixins';
@import 'bootstrap/scss/variables';

$success: $teal-500;
$info: $yellow-400;
$warning: $orange-500;
$danger: $red-500;
$muted: $gray-600;

$tertiary-100: tint-color($tertiary, 80%) !default;
$tertiary-200: tint-color($tertiary, 60%) !default;
$tertiary-300: tint-color($tertiary, 40%) !default;
$tertiary-400: tint-color($tertiary, 20%) !default;
$tertiary-500: $tertiary !default;
$tertiary-600: shade-color($tertiary, 20%) !default;
$tertiary-700: shade-color($tertiary, 40%) !default;
$tertiary-800: shade-color($tertiary, 60%) !default;
$tertiary-900: shade-color($tertiary, 80%) !default;

$tertiarys: (
    "tertiary-100": $tertiary-100,
    "tertiary-200": $tertiary-200,
    "tertiary-300": $tertiary-300,
    "tertiary-400": $tertiary-400,
    "tertiary-500": $tertiary-500,
    "tertiary-600": $tertiary-600,
    "tertiary-700": $tertiary-700,
    "tertiary-800": $tertiary-800,
    "tertiary-900": $tertiary-900,
) !default;



//Dark
$blue-dark: shade-color($primary, 20%);
$cyan-dark: $cyan-600;
$green-dark: $teal-600;
$yellow-dark: $yellow-500;
$orange-dark: $orange-600;
$red-dark: $red-600;
$purple-dark: $purple-500;
$tertiary-dark: $tertiary-600;
$muted-dark: $gray-900;

$primary-dark: shade-color($primary, 20%);
$secondary-dark: shade-color($secondary, 20%);
$success-dark: $green-dark;
$info-dark: $yellow-dark;
$warning-dark: $orange-dark;
$danger-dark: $red-dark;

//light

$cyan-light: $cyan-200;
$green-light: $teal-200;
$yellow-light: $yellow-200;
$orange-light: $orange-200;
$red-light: $red-300;
$purple-light: $purple-200;
$tertiary-light: $tertiary-200;
$muted-light: $gray-200;

$primary-light: tint-color($primary, 60%);
$secondary-light: tint-color($secondary, 60%);
$success-light: $green-light;
$info-light: $yellow-light;
$warning-light: $orange-light;
$danger-light: $red-light;

$cyan-pale: $cyan-100;
$green-pale: $teal-100;
$yellow-pale: $yellow-100;
$orange-pale: $orange-100;
$red-pale: $red-100;
$purple-pale: $purple-100;
$tertiary-pale: $tertiary-100;
$muted-pale: $gray-100;

$primary-pale: tint-color($primary, 80%);
$secondary-pale: tint-color($secondary, 80%);
$success-pale: $green-pale;
$info-pale: $yellow-pale;
$warning-pale: $orange-pale;
$danger-pale: $red-pale;

$tertiary-border-subtle-dark: tint-color($tertiary, 40%); //300
$purple-border-subtle-dark: tint-color($purple, 40%); //300
$muted-border-subtle-dark: tint-color($muted, 40%); //300
$tertiary-text-emphasis: shade-color($tertiary, 40%); //800
$purple-text-emphasis: shade-color($purple, 40%); //800
$muted-text-emphasis: shade-color($muted, 40%); //800
$tertiary-text-emphasis-dark: tint-color($tertiary, 40%); //300
$purple-text-emphasis-dark: tint-color($purple, 40%); //300
$muted-text-emphasis-dark: tint-color($muted, 40%); //300

// scss-docs-start theme-text-variables
// $primary-text-emphasis: shade-color($primary, 40%);
// $secondary-text-emphasis: shade-color($secondary, 40%);
// $success-text-emphasis: shade-color($success, 40%);
// $info-text-emphasis: shade-color($info, 40%);
// $warning-text-emphasis: shade-color($warning, 40%);
// $danger-text-emphasis: shade-color($danger, 40%);

$primary-text-emphasis-dark: tint-color($primary, 40%);
$secondary-text-emphasis-dark: tint-color($secondary, 40%);
$success-text-emphasis-dark: tint-color($success, 40%);
$info-text-emphasis-dark: tint-color($info, 40%);
$warning-text-emphasis-dark: tint-color($warning, 40%);
$danger-text-emphasis-dark: tint-color($danger, 40%);

$theme-colors: (
    "primary": $primary,
    "secondary": $secondary,
    "light": $light,
    "dark": $dark,
    "success": $success,
    "info": $info,
    "warning": $warning,
    "danger": $danger,
    "purple": $purple-400,
    "tertiary": $tertiary,
    "muted": $muted,
);

$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");

$primary-bg: $primary;
$blue-bg: $primary;
$secondary-bg: $secondary;
$green-bg: $success;
$success-bg: $success;
$yellow-bg: $info;
$tertiary-bg: $tertiary;
$purple-bg: $purple;
$info-bg: $info;
$warning-bg: $warning;
$danger-bg: $danger;
$light-bg: $muted-light;
$dark-bg: $muted;

$primary-bg-subtle: $primary-pale;
$secondary-bg-subtle: $secondary-pale;
$success-bg-subtle: $success-pale;
$info-bg-subtle: $info-pale;
$warning-bg-subtle: $warning-pale;
$danger-bg-subtle: $danger-pale;
$tertiary-bg-subtle: $tertiary-pale;
$purple-bg-subtle: $purple-pale;
$muted-bg-subtle: $muted-pale;

$primary-border-subtle: $primary-light;
$secondary-border-subtle: $secondary-light;
$success-border-subtle: $success-light;
$info-border-subtle: $info-light;
$warning-border-subtle: $warning-light;
$danger-border-subtle: $danger-light;
$tertiary-border-subtle: $tertiary-light;
$purple-border-subtle: $purple-light;
$muted-border-subtle: $muted-light;

$utilities-bg-subtle: (
    "primary-subtle": var(--#{$prefix}primary-bg-subtle),
    "secondary-subtle": var(--#{$prefix}secondary-bg-subtle),
    "success-subtle": var(--#{$prefix}success-bg-subtle),
    "info-subtle": var(--#{$prefix}info-bg-subtle),
    "warning-subtle": var(--#{$prefix}warning-bg-subtle),
    "danger-subtle": var(--#{$prefix}danger-bg-subtle),
    "light-subtle": var(--#{$prefix}light-bg-subtle),
    "dark-subtle": var(--#{$prefix}dark-bg-subtle),
    "purple-subtle": var(--#{$prefix}purple-bg-subtle),
    "tertiary-subtle": var(--#{$prefix}tertiary-bg-subtle),
    "muted-subtle": var(--#{$prefix}muted-bg-subtle),
);

$utilities-bg-darker: (
    "primary-dark": rgba($primary-dark, var(--#{$prefix}bg-opacity)),
    "secondary-dark": var(--#{$prefix}secondary-dark),
    "success-dark": var(--#{$prefix}success-dark),
    "info-dark": var(--#{$prefix}info-dark),
    "warning-dark": var(--#{$prefix}warning-dark),
    "danger-dark": var(--#{$prefix}danger-dark),
    "light-dark": var(--#{$prefix}light-dark),
    "dark-dark": var(--#{$prefix}dark-dark),
    "purple-dark": var(--#{$prefix}purple-dark),
    "tertiary-dark": var(--#{$prefix}tertiary-dark),
    "muted-dark": var(--#{$prefix}muted-dark),
);

$theme-colors-bg-subtle: (
    "primary": $primary-bg-subtle,
    "secondary": $secondary-bg-subtle,
    "success": $success-bg-subtle,
    "info": $info-bg-subtle,
    "warning": $warning-bg-subtle,
    "danger": $danger-bg-subtle,
    "light": $light-bg-subtle,
    "dark": $dark-bg-subtle,
    "purple": $purple-bg-subtle,
    "tertiary": $tertiary-bg-subtle,
    "muted": $muted-bg-subtle,
);

$theme-colors-border-subtle: (
    "primary": $primary-border-subtle,
    "secondary": $secondary-border-subtle,
    "success": $success-border-subtle,
    "info": $info-border-subtle,
    "warning": $warning-border-subtle,
    "danger": $danger-border-subtle,
    "light": $light-border-subtle,
    "dark": $dark-border-subtle,
    "purple": $purple-border-subtle,
    "tertiary": $tertiary-border-subtle,
    "muted": $muted-border-subtle,
);

$theme-colors-border-subtle-dark: (
    "primary": $primary-border-subtle-dark,
    "secondary": $secondary-border-subtle-dark,
    "success": $success-border-subtle-dark,
    "info": $info-border-subtle-dark,
    "warning": $warning-border-subtle-dark,
    "danger": $danger-border-subtle-dark,
    "light": $light-border-subtle-dark,
    "dark": $dark-border-subtle-dark,
    "purple": $purple-border-subtle-dark,
    "tertiary": $tertiary-border-subtle-dark,
    "muted": $muted-border-subtle-dark,
);

$utilities-text-emphasis-colors: (
    "primary-emphasis": var(--#{$prefix}primary-text-emphasis),
    "secondary-emphasis": var(--#{$prefix}secondary-text-emphasis),
    "success-emphasis": var(--#{$prefix}success-text-emphasis),
    "info-emphasis": var(--#{$prefix}info-text-emphasis),
    "warning-emphasis": var(--#{$prefix}warning-text-emphasis),
    "danger-emphasis": var(--#{$prefix}danger-text-emphasis),
    "light-emphasis": var(--#{$prefix}light-text-emphasis),
    "dark-emphasis": var(--#{$prefix}dark-text-emphasis),
    "purple-emphasis": var(--#{$prefix}purple-text-emphasis),
    "tertiary-emphasis": var(--#{$prefix}tertiary-text-emphasis),
    "muted-emphasis": var(--#{$prefix}muted-text-emphasis),
);

$theme-colors-text: (
    "primary": $primary-text-emphasis,
    "secondary": $secondary-text-emphasis,
    "success": $success-text-emphasis,
    "info": $info-text-emphasis,
    "warning": $warning-text-emphasis,
    "danger": $danger-text-emphasis,
    "light": $light-text-emphasis,
    "dark": $dark-text-emphasis,
    "purple": $purple-text-emphasis,
    "tertiary": $tertiary-text-emphasis,
    "muted": $muted-text-emphasis,
);

$theme-colors-darker: (
    "primary-dark": $primary-dark,
    "secondary-dark": $secondary-dark,
    "success-dark": $success-dark,
    "info-dark": $info-dark,
    "warning-dark": $warning-dark,
    "danger-dark": $danger-dark,
    "purple-dark": $purple-dark,
    "tertiary-dark": $tertiary-dark,
    "muted-dark": $muted-dark,
);

$theme-colors-light: (
    "primary-light": $primary-light,
    "secondary-light": $secondary-light,
    "success-light": $success-light,
    "info-light": $info-light,
    "warning-light": $warning-light,
    "danger-light": $danger-light,
    "purple-light": $purple-light,
    "tertiary-light": $tertiary-light,
    "muted-light": $muted-light,
);

$navbar-padding-y: 1rem;
$navbar-padding-x: 1rem;