:root {
    --green: #093466;
    --green-2: #126fa8;
    --gold: #e5ad24;
    --ink: #122a1c;
    --muted: #60737b;
    --soft: #f1f8fb;
    --line: #d6e5ec;
}

.brand-mark {
    width: 72px;
    height: 55px;
    border-radius: 0;
    background: url('../logo.png') center / contain no-repeat;
    color: transparent;
    font-size: 0;
    flex: 0 0 72px;
}

.navbar-brand span:last-child { font-size: 1.03rem; }
.topbar, footer { background: #082d56; }
.btn-green { background: #093466; border-color: #093466; }
.btn-green:hover { background: #126fa8; border-color: #126fa8; }
.btn-gold { background: #e5ad24; border-color: #e5ad24; color: #172a21; }
.btn-gold:hover { background: #f1c451; border-color: #f1c451; }
.card-accent { background: linear-gradient(90deg, #4e9416, #14a7e2 62%, #e5ad24); }
.progress-bar { background: #4e9416; }
.event .date { background: #093466; }
.notice-icon { background: #e8f6fc; color: #093466; }
.value-box { border-top-color: #e5ad24; }
.detail-note { border-left-color: #14a7e2; }
.principle { border-top-color: #126fa8; }

.hero {
    background-image: linear-gradient(90deg, rgba(5, 32, 65, .97) 0%, rgba(7, 55, 93, .84) 43%, rgba(5, 50, 78, .23) 76%), url('../images/katabi-hero.webp');
}

.community-feature .feature-copy { background: #093466; }
.community-feature .feature-copy p { color: #d8eaf3; }
.community-feature .feature-copy a { color: #f1c451; }
.cta, .page-hero { background: radial-gradient(circle at 85% 20%, rgba(78, 148, 22, .18), transparent 27%), linear-gradient(135deg, #082d56, #126fa8); }

@media (max-width: 600px) {
    .brand-mark { width: 60px; height: 46px; flex-basis: 60px; }
    .hero { background-image: linear-gradient(rgba(5, 32, 65, .9), rgba(7, 55, 93, .92)), url('../images/katabi-hero.webp'); }
}