:root{

    --primary-color:#0d6efd;
    --secondary-color:#6c757d;

    --success-color:#198754;
    --danger-color:#dc3545;

    --warning-color:#ffc107;
    --info-color:#0dcaf0;

    --light-color:#f8f9fa;
    --dark-color:#212529;

}



/*
|--------------------------------------------------------------------------
| Global
|--------------------------------------------------------------------------
*/

body{

    background:#f8f9fa;

    color:#212529;

    font-family:
        "Segoe UI",
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;

    margin:0;
    padding:0;

}

a{

    text-decoration:none;

}

img{

    max-width:100%;
    height:auto;

}



/*
|--------------------------------------------------------------------------
| Public Content
|--------------------------------------------------------------------------
*/

.public-content{

    min-height:70vh;

}



/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/

.card{

    border:none;

    border-radius:12px;

    box-shadow:
        0 2px 10px
        rgba(0,0,0,.08);

}

.card-header{

    background:#fff;

    border-bottom:1px solid #eee;

}



/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

.btn{

    border-radius:8px;

}



/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.public-footer{

    margin-top:60px;

}



/*
|--------------------------------------------------------------------------
| Utility
|--------------------------------------------------------------------------
*/

.text-small{

    font-size:.875rem;

}

.shadow-soft{

    box-shadow:
        0 4px 15px
        rgba(0,0,0,.08);

}

.rounded-xl{

    border-radius:16px;

}