/* ==========================================
   BOS UI 1.0
   Hauptdatei
========================================== */

/* Design Tokens */
@import url("variables.css");

/* Layout */
@import url("layout.css");

/* Komponenten */
@import url("components.css");

/* ==========================================
   BOS Basis
========================================== */

html{
    scroll-behavior:smooth;
}

body{
    background:var(--bos-background);
    color:var(--bos-text);
    font-family:var(--font-family);
    font-size:var(--text-md);
    line-height:1.5;
}

/* ==========================================
   BOS GLOBAL DESIGN
========================================== */

body{

    background:var(--bos-background) !important;

    color:var(--bos-text);

    font-family:var(--font-family);

}

/* Karten */

.card{

    border:none;

    border-radius:var(--radius-md);

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}

.card:hover{

    box-shadow:var(--shadow-md);

}

/* Buttons */

.btn{

    border-radius:12px;

    font-weight:600;

    transition:var(--transition);

}

.btn-primary{

    background:var(--bos-primary);

    border-color:var(--bos-primary);

}

.btn-primary:hover{

    background:var(--bos-primary-hover);

    border-color:var(--bos-primary-hover);

}

/* Tabellen */

.table{

    background:#fff;

    border-radius:var(--radius-md);

}

.table thead{

    background:#faf7ef;

}

/* Formulare */

.form-control,
.form-select{

    border-radius:12px;

    border:1px solid var(--bos-border);

}

.form-control:focus,
.form-select:focus{

    border-color:var(--bos-primary);

    box-shadow:0 0 0 .2rem rgba(199,154,59,.15);

}