/*
|--------------------------------------------------------------------------
| HomeTutorMarketplace
| HTM Core Framework v5.0
|--------------------------------------------------------------------------
| File        : htm-theme.css
| Description : HTM Bootstrap Theme Variables
|--------------------------------------------------------------------------
*/

:root{

    /*
    |--------------------------------------------------------------------------
    | Bootstrap Theme Colors
    |--------------------------------------------------------------------------
    */

    --bs-primary:           #16213E;
    --bs-secondary:         #FF7A00;

    --bs-success:           #198754;
    --bs-danger:            #DC3545;
    --bs-warning:           #FFC107;
    --bs-info:              #0DCAF0;

    --bs-light:             #F8F9FA;
    --bs-dark:              #212529;

    --bs-body-bg:           #F4F8FC;
    --bs-body-color:        #212529;

    --bs-border-color:      #E8EDF5;

    /*
    |--------------------------------------------------------------------------
    | Bootstrap Border Radius
    |--------------------------------------------------------------------------
    */

    --bs-border-radius-sm:      .375rem;
    --bs-border-radius:         .75rem;
    --bs-border-radius-lg:      1rem;
    --bs-border-radius-xl:      1.5rem;
    --bs-border-radius-xxl:     2rem;

    /*
    |--------------------------------------------------------------------------
    | Bootstrap Fonts
    |--------------------------------------------------------------------------
    */

    --bs-font-sans-serif:
        "Poppins",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    /*
    |--------------------------------------------------------------------------
    | Bootstrap Links
    |--------------------------------------------------------------------------
    */

    --bs-link-color:            var(--bs-primary);
    --bs-link-hover-color:      #0F3460;

    /*
    |--------------------------------------------------------------------------
    | Bootstrap Focus
    |--------------------------------------------------------------------------
    */

    --bs-focus-ring-color:
        rgba(13,110,253,.25);

    /*
    |--------------------------------------------------------------------------
    | HTM Brand Colors
    |--------------------------------------------------------------------------
    */

    --htm-primary-dark:         #0F3460;

    --htm-secondary-dark:       #E85D04;

    --htm-text-muted:           #6C757D;

    /*
    |--------------------------------------------------------------------------
    | HTM Glass Theme
    |--------------------------------------------------------------------------
    */

    --htm-glass-bg:
        rgba(255,255,255,.60);

    --htm-glass-bg-dark:
        rgba(255,255,255,.45);

    --htm-glass-border:
        rgba(255,255,255,.35);

    --htm-glass-blur:
        18px;

    /*
    |--------------------------------------------------------------------------
    | HTM Shadows
    |--------------------------------------------------------------------------
    */

    --htm-shadow-sm:
        0 5px 15px rgba(0,0,0,.05);

    --htm-shadow:
        0 10px 30px rgba(22,33,62,.10);

    --htm-shadow-lg:
        0 20px 50px rgba(22,33,62,.18);

    /*
    |--------------------------------------------------------------------------
    | HTM Animation
    |--------------------------------------------------------------------------
    */

    --htm-transition:
        .30s ease;

    /*
    |--------------------------------------------------------------------------
    | HTM Layout
    |--------------------------------------------------------------------------
    */

    --htm-container:
        1320px;

    --htm-header-height:
        80px;

    /*
    |--------------------------------------------------------------------------
    | HTM Z-Index
    |--------------------------------------------------------------------------
    */

    --htm-navbar:
        1030;

    --htm-dropdown:
        1040;

    --htm-modal:
        1055;

}