/* ===================================================================
   Qu4zr brand — colour tokens, the wordmark font and the lockup.
   The markup lives in Pages/Shared/_BrandLockup.cshtml; the static
   variants (e-mail, og:image, anywhere without CSS) in images/brand/.
   =================================================================== */

/* Geist, self-hosted (latin subset, variable weight) and preloaded by
   _Layout, so the wordmark never repaints from a fallback font on reload. */
@font-face {
    font-family: 'Geist';
    font-style: normal;
    font-weight: 100 900;
    font-display: block;
    src: url('../fonts/geist-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --qz-ink: #0D1526;
    --qz-bg-dark: #0A0F1C;
    --qz-surface-light: #F4F5F7;
    --qz-text-on-dark: #E9EEF7;
    --qz-muted-on-dark: #A9B4C8;
    --qz-border-dark: #1B2438;
    --qz-accent-light: #2F6BFF;
    --qz-accent-dark: #4C82FF;
    /* The product is dark-only, so the dark accent is the default. A light
       surface opts in with .qz-on-light. */
    --qz-accent: var(--qz-accent-dark);
}

.qz-on-light {
    --qz-accent: var(--qz-accent-light);
    color: var(--qz-ink);
}

/* ---- Lockup: symbol + wordmark ------------------------------------ */
.qz-lockup {
    --qz-lockup-text: 22px;
    --qz-lockup-mark: 28px;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--qz-lockup-text) * 0.3);
    color: var(--qz-text-on-dark);
    text-decoration: none;
    line-height: 1;
}

.qz-lockup--hero {
    --qz-lockup-text: 48px;
    --qz-lockup-mark: 53px;
}

.qz-mark {
    width: var(--qz-lockup-mark);
    height: var(--qz-lockup-mark);
    display: block;
    flex-shrink: 0;
}

.qz-wordmark {
    font-family: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: var(--qz-lockup-text);
    font-weight: 600;
    letter-spacing: -0.03em;
    white-space: nowrap;
}

.qz-wordmark__accent {
    color: var(--qz-accent);
}