:root {
    --brand: #0095ff;
    /* deep Sitka blue */
    --accent: #ffcc66;
    /* warm gold */
    --ink: #0f172a;
    /* slate‑900 */
}

body {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    color: var(--ink)
}

.brand-grad {
    background: linear-gradient(135deg, rgba(10, 61, 98, .92), rgba(15, 23, 42, .92))
}

.btn-brand {
    --bs-btn-bg: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: #082e49;
    --bs-btn-hover-border-color: #082e49
}

.btn-outline-brand {
    --bs-btn-color: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand);
    --bs-btn-hover-border-color: var(--brand);
    --bs-btn-hover-color: #fff
}

.accent-underline {
    position: relative
}

.accent-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.25rem;
    width: 4rem;
    height: 3px;
    background: var(--accent);
    border-radius: 999px
}

.shadow-soft {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

/* Hero */
.hero {
    min-height: 70vh;
    background: url('https://images.unsplash.com/photo-1501785888041-af3ef285b470?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat fixed
}

@media (min-width:992px) {
    .hero {
        min-height: 92vh
    }
}

.glass {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .2)
}

/* Cards */
.card img {
    object-fit: cover;
    height: 220px
}

@media (min-width:992px) {
    .card img {
        height: 240px
    }
}

/* Icon list */
.icon {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    background: #eef5fb;
    color: var(--brand)
}

/* Footer */
footer a {
    color: #cbd5e1
}

footer a:hover {
    color: #fff
}

/* Smooth anchor scroll */
html {
    scroll-behavior: smooth
}