//Import fonts
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

//  Include any default variable overrides here
$btn-hover-bg-shade-amount: 30%;
$btn-hover-bg-tint-amount: 30%;
$btn-hover-border-shade-amount: 40%;
$btn-hover-border-tint-amount: 20%;
$btn-active-bg-shade-amount: 40%;
$btn-active-bg-tint-amount: 40%;
$btn-active-border-shade-amount: 50%;
$btn-active-border-tint-amount: 10%;

$min-contrast-ratio: 2;

$font-family-base:
  // Preferred font
    "Inter",
    // Cross-platform generic font family (default user interface font)
    system-ui,
    // Safari for macOS and iOS (San Francisco)
    -apple-system,
    // Windows
    "Segoe UI",
    // Android
    Roboto,
    // older macOS and iOS
    "Helvetica Neue",
    // Linux
    "Noto Sans",
    "Liberation Sans",
    // Basic web fallback
    Arial,
    // Sans serif fallback
    sans-serif,
    // Emoji fonts
    "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;

// import pdh visual identity overrides
@import "./pdh_variables.scss";

// Disable dark mode
// $enable-dark-mode: false;
@import "bootstrap/scss/variables-dark";

@import "bootstrap/scss/mixins/banner";
@import "bootstrap/scss/maps";

$accordion-button-active-bg: $primary;
$accordion-button-active-color: $white;

$accordion-button-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27M2 5L8 11L14 5%27/%3e%3c/svg%3e");
$accordion-button-active-icon-dark: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27M2 5L8 11L14 5%27/%3e%3c/svg%3e");

// 5. Include remainder of required parts

@import "bootstrap/scss/root";

:root {
    @each $color, $value in $theme-colors-darker {
        --#{$prefix}#{$color}: #{$value};
    }
    --bs-blue-gradient: linear-gradient(to bottom, #0d3f91 0%, #1b7bbc 100%);
    --bs-orange-light-gradient: linear-gradient(180deg,#ffffff 30%,#fdfbf6 100%);
    --bs-grey-light-gradient: linear-gradient(180deg,#ffffff 30%,#fbfbfb 100%);
}

$utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text");
$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg");

$utilities: (
    "background-color": (
        property: background-color,
        class: bg,
        local-vars: (
            "bg-opacity": 1,
            "color": white,
        ),
        values:
            map-merge-multiple(
                $utilities-bg-colors,
                $utilities-bg-darker,
                $utilities-bg-subtle,
                (
                    "transparent": transparent,
                )
            ),
    ),
    "color": (
        property: color,
        class: text,
        local-vars: (
            "text-opacity": 1,
        ),
        values:
            map-merge(
                $utilities-text-colors,
                (
                    "muted": var(--#{$prefix}secondary-color),
                    // deprecated
                    "black-50": rgba($black, 0.5),
                    // deprecated
                    "white-50": rgba($white, 0.5),
                    // deprecated
                    "body-secondary": var(--#{$prefix}secondary-color),
                    "body-tertiary": var(--#{$prefix}tertiary-color),
                    "body-emphasis": var(--#{$prefix}emphasis-color),
                    "reset": inherit,
                )
            ),
    ),
    "text-opacity": (
        css-var: true,
        class: text-opacity,
        values: (
            25: 0.25,
            50: 0.5,
            75: 0.75,
            100: 1,
        ),
    ),
    "text-color": (
        property: color,
        class: text,
        values: $utilities-text-emphasis-colors,
    ),
);

$table-variants: (
    "primary": shift-color($primary, $table-bg-scale),
    "secondary": shift-color($secondary, $table-bg-scale),
    "success": shift-color($success, $table-bg-scale),
    "info": shift-color($info, $table-bg-scale),
    "warning": shift-color($warning, $table-bg-scale),
    "danger": shift-color($danger, $table-bg-scale),
    "light": $light,
    "dark": $dark,
    "tertiary": shift-color($tertiary, $table-bg-scale),
    "purple": shift-color($purple, $table-bg-scale),
    "muted": shift-color($muted, $table-bg-scale),
);

// Gradients
.gradient {
    &-primary {
        background-image: var(--bs-blue-gradient)
    }
    &-grey-light {
        background-image: var(--bs-grey-light-gradient)
    }
    &-orange-light {
        background-image: var(--bs-orange-light-gradient)
    }
}

// Breadcrumb

$breadcrumb-bg: $muted-light;
$breadcrumb-active-color: $dark;
$breadcrumb-divider-color: $gray-500;
$breadcrumb-divider: "•";
$breadcrumb-item-padding-x: 1rem;
$breadcrumb-padding-x: 2rem;
$breadcrumb-padding-y: 0.25rem;
$breadcrumb-margin-bottom: 0;

// Pagination

$pagination-active-bg: $primary;
$pagination-active-border-color: $pagination-active-bg;

// 6. Optionally include any other parts as needed
@import "bootstrap/scss/reboot";
@import "bootstrap/scss/type";
@import "bootstrap/scss/images";
@import "bootstrap/scss/containers";
@import "bootstrap/scss/grid";

// Layout & components
@import "bootstrap/scss/tables";
@import "bootstrap/scss/forms";
@import "bootstrap/scss/buttons";
@import "bootstrap/scss/transitions";
@import "bootstrap/scss/dropdown";
@import "bootstrap/scss/button-group";
@import "bootstrap/scss/nav";
@import "bootstrap/scss/navbar";
@import "bootstrap/scss/card";
@import "bootstrap/scss/accordion";
@import "bootstrap/scss/breadcrumb";
@import "bootstrap/scss/pagination";
@import "bootstrap/scss/badge";
@import "bootstrap/scss/alert";
@import "bootstrap/scss/progress";
@import "bootstrap/scss/list-group";
@import "bootstrap/scss/close";
@import "bootstrap/scss/toasts";
@import "bootstrap/scss/modal";
@import "bootstrap/scss/tooltip";
@import "bootstrap/scss/popover";
@import "bootstrap/scss/carousel";
@import "bootstrap/scss/spinners";
@import "bootstrap/scss/offcanvas";
@import "bootstrap/scss/placeholders";

//Helpers and utilities api

@import "bootstrap/scss/helpers";
@import "bootstrap/scss/utilities";
@import "bootstrap/scss/utilities/api";

// Bootstrap Icons
@import "bootstrap-icons/font/bootstrap-icons";

// Add additional custom code here

//other bootstrap overrides