:root {
    --brand-accent: #C45C26;
    --brand-ink: #2D2118;
    --footer-bg: #0f172a; /* slate-900 */
    --footer-surface: rgba(255,255,255,.06);
    --footer-text: rgba(255,255,255,.92);
    --footer-muted: rgba(255,255,255,.70);
    --footer-border: rgba(255,255,255,.14);
    --footer-link: rgba(255,255,255,.86);
    --footer-link-hover: #ffffff;
}

.sitewide-footer {
    background: #000;
    color: var(--footer-text);
}

.sitewide-footer a {
    text-decoration: none;
}

.footer-brand {
    display: inline-flex;
    align-items: baseline;
    gap: .2rem;
    font-weight: 900;
    letter-spacing: -.03em;
    font-size: 1.25rem;
    color: var(--footer-text);
}

.footer-brand__mark {
    color: var(--brand-accent);
}

.footer-brand__sub {
    color: var(--footer-text);
}

.footer-title {
    font-size: .95rem;
    font-weight: 800;
    margin: 0 0 .75rem 0;
    color: var(--footer-text);
}

.footer-muted {
    color: var(--footer-muted);
    font-size: .95rem;
    line-height: 1.5;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: .5rem;
}

.footer-links a {
    color: var(--footer-link);
    font-size: .95rem;
}

.footer-links a:hover,
.footer-links a:focus {
    color: var(--footer-link-hover);
    text-decoration: underline;
    text-underline-offset: .18rem;
}

.footer-pill {
    display: inline-flex;
    align-items: center;
    padding: .45rem .7rem;
    border-radius: 999px;
    border: 1px solid var(--footer-border);
    background: var(--footer-surface);
    color: var(--footer-text);
    font-weight: 700;
    font-size: .9rem;
    transition: transform 80ms ease, background-color 120ms ease, border-color 120ms ease;
}

.footer-pill:hover,
.footer-pill:focus {
    color: var(--footer-text);
    border-color: rgba(255,255,255,.22);
    background: rgba(255,255,255,.10);
    transform: translateY(-1px);
}

.footer-divider {
    border-color: var(--footer-border);
    opacity: 1;
}

.footer-smalllink {
    color: var(--footer-muted);
    font-size: .92rem;
}

.footer-smalllink:hover,
.footer-smalllink:focus {
    color: var(--footer-link-hover);
    text-decoration: underline;
    text-underline-offset: .18rem;
}