/*
 * AIIA Coalition brand layer, loaded after theme.min.css and style.css.
 *
 * Shares the Hub ecosystem's typography (Lexend headings, Roboto body,
 * as on hubculture.com) while AIIA keeps its own palette. Blue belongs
 * to Hub Culture itself; Ven amounts are green on every Hub site.
 */
:root {
    --aiia-font-heading: 'Lexend', 'Roboto', system-ui, -apple-system, sans-serif;
    --aiia-font-body: 'Roboto', system-ui, -apple-system, sans-serif;

    /* Sampled from the Coalition "scales" mark */
    --aiia-ring-deep: #226585;
    --aiia-ring-teal: #71C0BD;
    --aiia-scale-violet: #9C8BC5;

    /* Coalition core dashboard tokens (public/coalition-core/): the
       ring's deep teal into the scales' violet, never Hub Culture blue.
       Ven colours come from coalition-core.css. */
    --core-head-bg: linear-gradient(120deg, #1d4f6b 0%, #2b3d6e 55%, #4a3f80 100%);
    --core-tab-active: #71C0BD;
    --core-accent: #226585;
    --core-btn: #226585;
    --core-btn-hover: #4a3f80;
    --core-page: #f5f4fa;
    --core-rule: #e6e3ef;
    --core-ink: #1b2440;
    --core-ink-2: #3b4462;
    --core-muted: #5d6478;
    --core-radius: 16px;
    --core-display: var(--aiia-font-heading);
    --core-display-weight: 500;
    --core-sans: var(--aiia-font-body);
}

/* Typography */
body,
.tooltip,
.popover,
.ql-container {
    font-family: var(--aiia-font-body);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4,
.navbar-nav .nav-link,
.navbar-btn,
.btn,
.custom-btn,
.modal-title {
    font-family: var(--aiia-font-heading);
}

/* Lexend is wider and heavier than the theme's HK Grotesk, so step the
   weights down a notch and tighten display sizes to keep the same feel. */
.display-1, .display-2, .display-3, .display-4 {
    letter-spacing: -0.015em;
}

h1.font-weight-bold, h2.font-weight-bold, h3.font-weight-bold,
h4.font-weight-bold, h5.font-weight-bold, h6.font-weight-bold,
.display-1.font-weight-bold, .display-2.font-weight-bold,
.display-3.font-weight-bold, .display-4.font-weight-bold {
    font-weight: 500 !important;
}

.btn,
.navbar-btn {
    font-weight: 500;
}

/* Logo: the 2x mark fills its canvas edge to edge, unlike the old padded
   70px image, so show it a little smaller. Leave room for the fixed Hub
   globe (#hub-globe, 10px + 24px) so the two never overlap. */
.navbar-brand:not(.globe) {
    margin-left: 30px;
}

.navbar-brand:not(.globe) img {
    width: 56px;
    height: auto;
}