:root {
    --ksl-navy: #0b1f3a;
    --ksl-navy-dark: #071527;
    --ksl-gold: #d4af37;
    --ksl-gold-light: #e8c96a;
    --ksl-light-gray: #f4f5f7;
}

body {
    background-color: var(--ksl-light-gray);
}

.navbar-ksl {
    background-color: var(--ksl-navy);
}

.navbar-ksl .navbar-brand,
.navbar-ksl .nav-link {
    color: #ffffff;
}

.navbar-ksl .nav-link:hover,
.navbar-ksl .nav-link.active {
    color: var(--ksl-gold);
}

.navbar-brand .brand-gold {
    color: var(--ksl-gold);
}

.btn-ksl-gold {
    background-color: var(--ksl-gold);
    border-color: var(--ksl-gold);
    color: var(--ksl-navy);
    font-weight: 600;
}

.btn-ksl-gold:hover {
    background-color: var(--ksl-gold-light);
    border-color: var(--ksl-gold-light);
    color: var(--ksl-navy);
}

.btn-ksl-navy {
    background-color: var(--ksl-navy);
    border-color: var(--ksl-navy);
    color: #ffffff;
}

.btn-ksl-navy:hover {
    background-color: var(--ksl-navy-dark);
    border-color: var(--ksl-navy-dark);
    color: #ffffff;
}

.hero-ksl {
    background: linear-gradient(135deg, var(--ksl-navy) 0%, var(--ksl-navy-dark) 100%);
    color: #ffffff;
    padding: 5rem 0;
}

.hero-logo {
    filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.45));
}

.footer-ksl {
    background-color: var(--ksl-navy);
    color: #cfd6e4;
    padding: 2rem 0;
    margin-top: 4rem;
}

.footer-ksl a {
    color: var(--ksl-gold);
    text-decoration: none;
}

.card-ksl {
    border: none;
    border-top: 3px solid var(--ksl-gold);
    box-shadow: 0 2px 10px rgba(11, 31, 58, 0.08);
}

.form-control[readonly] {
    background-color: #e9ecef;
    cursor: not-allowed;
}

@media print {
    .navbar, .footer-ksl, .no-print {
        display: none !important;
    }
    main {
        margin: 0 !important;
    }
    body {
        background-color: #ffffff;
    }
}