// resources/scss/app.scss

// 1. Override variabel sebelum impor Bootstrap
$primary: #2c52b5;
$secondary: #161616;
$info: #128bc4;
$danger: #c5391d;
$success: #0a684f;
$warning: #abba08;
$purple: #870473;
$pink: #da349b;
$dark: #083a85;
$black: #000000;
$red: #b30404;
$green: #038054;
//$background: #d9f5ff;
$accordion-button-active-bg: #ffffff;
$accordion-bg: #ffffff;
$accordion-color: #ffffff;
$accordion-button-active-color:  #468197;
$accordion-transition: all 0.2s ease;
// $font-family-base: 'Ubuntu', sans-serif;
$font-family-base: 'Inter', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;




// Ukuran Font
$font-size-base: 0.8rem; // default = 16px
$font-size-sm: 0.6rem;
$font-size-lg: 1.25rem;

// $btn-font-family:'Inter';            
$btn-font-size:11px;               
$btn-line-height:7px;             
$btn-white-space:5px;         

$btn-padding-y-sm:3px;      
$btn-padding-x-sm:5px;

$select2-font-size: 13px; 
$select2-height: 40px; 
$select2-padding: 5px 10px; 
.select2-container--bootstrap-5 { font-family: 'Inter', sans-serif; 
    .select2-selection { font-size: $select2-font-size !important; 
    } 
    .select2-selection__rendered { font-size: $select2-font-size !important; 
    } 
    .select2-results__option { font-size: $select2-font-size !important; padding: $select2-padding !important; 
    } 
    .select2-search__field { font-size: $select2-font-size !important; 
    } 
    .select2-selection--single {
        height: 32px !important;
        min-height: 32px !important;
        padding: 4px 32px !important;
        font-size: 12px !important;

        .select2-selection__rendered {
            line-height: 22px !important;
            font-size: 12px !important;
        }

        .select2-selection__arrow {
            height: 30px !important;
        }
    }
}

// 2. Impor fungsi dan variabel dari Bootstrap
@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";

// 3. (Opsional) Custom variables bisa digabung di sini
// @import "path/to/your-custom-variables";

// 4. Bootstrap seluruhnya
@import "bootstrap/scss/bootstrap";
// @import "mixins/banner";c