/* static/css/custom.css */

/* --- LOKALE SCHRIFTARTEN LADEN --- */

/* Lato (Fließtext) */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/lato-v25-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../fonts/lato-v25-latin-700.woff2') format('woff2');
}

/* Montserrat (Überschriften) */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../fonts/montserrat-v31-latin-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../fonts/montserrat-v31-latin-700.woff2') format('woff2');
}

/* --- BOOTSTRAP VARIABLEN ÜBERSCHREIBEN --- */
:root {
    /* Die Namen hier müssen exakt mit font-family von oben übereinstimmen */
    --bs-body-font-family: 'Lato', sans-serif;
    --bs-heading-font-family: 'Montserrat', sans-serif;

    --bs-body-line-height: 1.6;

    /* ... deine restlichen Farb-Variablen aus dem vorherigen Schritt ... */
    --bs-primary: #1A4B6E;
    --bs-primary-rgb: 26, 75, 110;
    --bs-secondary: #D1C7BD;
    --bs-secondary-rgb: 209, 199, 189;
    --bs-body-bg: #FBFBFA;
    --bs-body-color: #333333;
    --bs-link-color: #1A4B6E;
    --bs-link-hover-color: #0F2D42;
    --bs-success: #558265;
    --bs-info: #6998AB;
    --bs-warning: #D9A05B;
    --bs-danger: #B05252;
    --bs-dark: #2C3539;
}

/* Optional: Die Überschriften noch ein kleines bisschen feiner machen */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
    letter-spacing: -0.5px; /* Macht große Schriften etwas kompakter und moderner */
    color: var(--bs-primary); /* Macht die Überschriften in deiner edlen Hauptfarbe */
}

/* Button-Styling (aus dem vorherigen Schritt) ... */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #ffffff;
    font-family: var(--bs-heading-font-family); /* Buttons in der Überschriften-Schrift */
    font-weight: 500;
}

/* ... restliches CSS ... */
    /* Hauptfarben (Beispiel: Ein edles, ruhiges Blau/Petrol) */
    --bs-primary: #1A4B6E;
    --bs-primary-rgb: 26, 75, 110;

    /* Sekundärfarbe (Beispiel: Ein warmer Sand-/Beigeton) */
    --bs-secondary: #D1C7BD;
    --bs-secondary-rgb: 209, 199, 189;

    /* Hintergrund und Text */
    --bs-body-bg: #FBFBFA; /* Ein sehr weiches, minimales Off-White statt hartem Weiß */
    --bs-body-color: #333333; /* Dunkelgrau für perfekte, aber weiche Lesbarkeit */

    /* Links */
    --bs-link-color: #1A4B6E;
    --bs-link-hover-color: #0F2D42;

    /* Statusfarben etwas entsättigen, damit sie edler wirken */
    --bs-success: #558265;
    --bs-info: #6998AB;
    --bs-warning: #D9A05B;
    --bs-danger: #B05252;
    --bs-dark: #2C3539;
}

/* Bootstrap Button-Klassen manuell nachjustieren, falls nötig */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #ffffff;
}

.btn-outline-primary {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--bs-link-hover-color) !important;
    border-color: var(--bs-link-hover-color) !important;
    color: #ffffff !important;
}

/* Karten (Cards) etwas eleganter machen (weicherer Schatten, keine harten Ränder) */
.card {
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
}

/* Table Header an die neue Dark-Farbe anpassen */
.table-dark {
    background-color: var(--bs-dark);
    color: #ffffff;
}