/**
 * Comet VFX brand kit — see README.md
 * Navy #1f285a | Blue #0c2074 | Dark #0c162a
 * Gold #feca0f | Orange #f0773d | Coral #eb493a
 */
:root {
    --base-color: #0c2074;
    --cornflower-blue: #1f285a;
    --solitude-blue: rgba(12, 32, 116, 0.08);
    --comet-navy: #1f285a;
    --comet-blue: #0c2074;
    --comet-dark: #0c162a;
    --comet-gold: #feca0f;
    --comet-orange: #f0773d;
    --comet-coral: #eb493a;
}

.comet-text-accent {
    color: var(--comet-orange) !important;
}

.comet-bg-orange {
    background-color: var(--comet-orange) !important;
}

.comet-bg-gold {
    background-color: var(--comet-gold) !important;
}

.comet-btn-primary {
    background-color: var(--comet-blue) !important;
    border-color: var(--comet-blue) !important;
    color: #fff !important;
}

.comet-btn-primary:hover,
.comet-btn-primary:focus {
    background-color: var(--comet-navy) !important;
    border-color: var(--comet-navy) !important;
    color: #fff !important;
}

.comet-btn-accent {
    background-color: var(--comet-orange) !important;
    border-color: var(--comet-orange) !important;
    color: #fff !important;
}

.comet-btn-accent:hover,
.comet-btn-accent:focus {
    background-color: #d9682f !important;
    border-color: #d9682f !important;
    color: #fff !important;
}

.comet-project-badge {
    color: var(--comet-blue) !important;
    background-color: var(--solitude-blue) !important;
}

.comet-timeline-dot {
    background-color: var(--comet-orange) !important;
}

/* Glassy Header Effect */
.comet-header-glass {
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    isolation: isolate;
    background-color: rgba(255, 255, 255, 0.14) !important;
    background-image: none !important;
    transition: all 0.3s ease;
}

.header-appear .comet-header-glass, .sticky .comet-header-glass, .comet-header-glass.header-appear, .comet-header-glass.sticky {
    background-color: rgba(255, 255, 255, 0.78) !important;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

/* Comet Gradients */
.comet-gradient-text {
    background: linear-gradient(to right, #28306F, #CE2334);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.comet-gradient-bg {
    background: linear-gradient(to right, #28306F, #CE2334);
    border: none;
}

/* Button Gradients */
.comet-btn-gradient-bg {
    background: linear-gradient(to right, #28306F, #CE2334, #f0773d, #feca0f) !important;
    border: none !important;
}
.comet-btn-gradient-bg:hover {
    background: linear-gradient(to right, #1f285a, #b31d2a, #d9682f, #e5b60d) !important;
}

/* Mobile Menu Override */
@media (max-width: 991px) {
    .navbar-collapse {
        background-color: #0b1b33 !important;
        background-image: none !important;
    }
}