@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Figtree:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root {
    --skb-navy-900: #0a1e3f;
    --skb-navy-800: #10294f;
    --skb-brass: #c6a15b;
    --skb-brass-bright: #dcbd7e;
    --skb-brass-deep: #a5823f;
    --skb-paper: #f4f6fa;
    --skb-ink: #14243d;
    --skb-slate: #57687f;
}

body {
    font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: var(--skb-paper);
    color: var(--skb-ink);
}

h1, h2, h3, h4 {
    font-family: "Fraunces", Georgia, "Times New Roman", serif;
    font-weight: 600;
    color: var(--skb-navy-900);
}

header, .header {
    background: var(--skb-navy-900) !important;
    background-image: none !important;
}

.navbar-brand, header h1, header .site-title {
    font-family: "Fraunces", serif;
    color: #ffffff !important;
}

.nav-link {
    font-family: "Space Mono", ui-monospace, monospace;
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    color: #e9eef6 !important;
}

.nav-link.active, .nav-link:hover {
    color: var(--skb-brass-bright) !important;
    border-bottom: 2px solid var(--skb-brass);
}

.card-header {
    background: var(--skb-navy-900);
    color: #ffffff;
    font-family: "Fraunces", serif;
    font-weight: 600;
    border-bottom: 3px solid var(--skb-brass);
}

.card {
    border-radius: 4px;
    border-color: var(--skb-navy-800);
}

a {
    color: var(--skb-brass-deep);
}

a:hover {
    color: var(--skb-navy-900);
}

.btn-primary {
    background: var(--skb-brass) !important;
    border-color: var(--skb-brass) !important;
    color: var(--skb-navy-900) !important;
    font-weight: 600;
}

.btn-primary:hover {
    background: var(--skb-navy-900) !important;
    border-color: var(--skb-navy-900) !important;
    color: #ffffff !important;
}