@use "sass:color";
@import 'sweetalert2/src/variables';

$swal2-dark-theme-black: #19191a;
$swal2-dark-theme-white: #e1e1e1;

$swal2-background: var(--bs-body-bg);
$swal2-border: 1px solid var(--bs-tertiary-color);
$swal2-title-color: var(--bs-body-color);
$swal2-backdrop: rgba(var(--bs-tertiary-bg-rgb), .75);

// FOOTER
$swal2-footer-border-color: var(--bs-table-border-color);
$swal2-footer-color: color.adjust($swal2-dark-theme-black, $lightness: -15%);

// TIMER POGRESS BAR
$swal2-timer-progress-bar-background: rgba(var(--bs-body-color-rgb), .6);

// INPUT
$swal2-input-color: var(--bs-input-color);
$swal2-input-background: transparent;
$swal2-input-border: 1px solid var(--bs-border-color);

// VALIDATION MESSAGE
$swal2-validation-message-background: color.adjust($swal2-dark-theme-black, $lightness: 10%);
$swal2-validation-message-color: $swal2-dark-theme-white;

// QUEUE
$swal2-progress-step-background: color.adjust($swal2-dark-theme-black, $lightness: 25%);

// COMMON VARIABLES FOR CONFIRM AND CANCEL BUTTONS
$swal2-button-focus-box-shadow: 0 0 0 1px $swal2-background, 0 0 0 3px $swal2-outline-color;

// TOAST
$swal2-toast-background: $swal2-dark-theme-black;
$swal2-toast-button-focus-box-shadow: 0 0 0 1px $swal2-background, 0 0 0 3px $swal2-outline-color;

// CANCEL BUTTON
$swal2-cancel-button-background-color: $gray-600;

@import 'sweetalert2/src/sweetalert2';
