//
// using scss variables
//
$border-color-dark: #303841 !default;
$body-color-dark: rgb(234 239 244 / 60%) !default;
$body-bg-dark: #161b22 !default;
$link-color-dark: rgb(234 239 244 / 60%) !default;
$body-secondary-color-dark: rgba($body-color-dark, 1) !default;
$heading-color: #eaeff4;
$primary-bg-subtle-dark: #253662 !default;
$secondary-bg-subtle-dark: #1c455d !default;
$success-bg-subtle-dark: #1b3c48 !default;
$info-bg-subtle-dark: #223662 !default;
$warning-bg-subtle-dark: #4d3a2a !default;
$danger-bg-subtle-dark: #4b313d !default;
$light-bg-subtle-dark: #292f37 !default;
$dark-bg-subtle-dark: #333f55 !default;
$link-hover-color-dark: $primary !default;
$bg-dark: #1d2228 !default;
$dropdown-dark-link-hover-bg: $primary-bg-subtle-dark !default;

//
// using css variables
//
[data-bs-theme="dark"] {
    $dark-bg-variant: #1d2228;

    --bs-heading-color: #eaeff4 !important;
    --bs-body-color: rgb(234 239 244 / 60%) !important;
    --bs-card-subtitle-color: rgb(234 239 244 / 60%) !important;
    --bs-secondary-color: rgb(234 239 244 / 60%) !important;

    .card {
        --bs-card-bg: #1d2228;
        --bs-card-title-color: #eaeff4;
        --bs-card-box-shadow: rgba(145, 158, 171, 0.3) 0px 0px 2px 0px,
          rgba(145, 158, 171, 0.02) 0px 12px 24px -4px;
      }

    .dropdown-menu {
        --bs-dropdown-box-shadow: rgba(145, 158, 171, 0.3) 0px 0px 2px 0px,
            rgba(145, 158, 171, 0.02) 0px 12px 24px -4px;
        --bs-dropdown-bg: #1d2228;
        --bs-dropdown-link-color: #eaeff4;
        --bs-dropdown-link-hover-color: #eaeff4;
        --bs-dropdown-link-hover-bg: transparent;
    }


    @import "../layouts/dark/dark";
    @import "../layouts/dark/dark-theme";
}