/* Project theme scaffold: adjust to match your desired look */

:root {
    --heading-font-family: 'Noto Serif', serif;
    --body-font-family: 'Noto Serif', serif;
    --heading-letter-spacing: -0.0125em;

    --color-primary: #0d6efd; /* Blue for primary buttons */
    --color-bg: #f5f6f7; /* Light grey page background */
    --color-surface: #ffffff; /* White surfaces (navbar, cards) */
    --color-text: #111111; /* High contrast text */
    --color-muted: #6c757d;
    --border-color: #e9ecef;
}

html, body {
    font-family: var(--body-font-family);
    color: var(--color-text);
    background-color: var(--color-bg);
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Zorg dat de wrapper de volledige hoogte gebruikt */
body > .d-flex {
    min-height: 100vh;
}

/* Zorg dat main content de beschikbare ruimte opvult */
main {
    flex: 1 0 auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font-family);
    letter-spacing: var(--heading-letter-spacing);
}

/* Navbar: white background, dark text */
.navbar {
    background: var(--color-surface) !important;
}
.navbar .navbar-brand,
.navbar .nav-link {
    color: var(--color-text) !important;
}
.navbar .nav-link.active,
.navbar .nav-link:focus,
.navbar .nav-link:hover {
    color: #000 !important;
}

.card,
.card .card-header {
    background-color: var(--color-surface);
}
.card .card-header {
    border-bottom: 1px solid var(--border-color);
}
.card-title {
    letter-spacing: var(--heading-letter-spacing);
}

/* Form refinements */
.form-check-input[type="radio"] {
    cursor: pointer;
}

.border.rounded.p-3 .form-check {
    margin-bottom: 0.35rem;
}

/* Footer - blijft altijd onderaan */
footer {
    border-top: 1px solid rgba(0,0,0,0.06);
    flex-shrink: 0;
    margin-top: auto;
    width: 100%;
}

/* Buttons: primary = blue with white text; others = black text */
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #fff !important;
}
.btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info) {
    color: var(--color-text) !important;
}

/* Muted helper text contrast tweak */
.form-text { color: var(--color-muted); }