/* ═══════════════════════════════════════════════════════════════════════════════
   CALYBER BRAND WORDMARK + MARK — 2026-08-15
   Scope: brand identity ONLY (logo mark + wordmark treatment).
   Deliberately does NOT touch palette, layout, buttons, or any other aesthetic —
   founder directive 2026-08-15: "just name and logo, no other aesthetic changes."
   Load AFTER page styles so these overrides win.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Light weights for the wordmark (pages load Inter 400+ only) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300&display=swap');

/* ── Wordmark treatment ──────────────────────────────────────────────────────
   Targets every existing brand-text element across the site:
   .nav-logo        index.html, pricing.html, leagues/*/index-premium.html
   .auth-wordmark   login / signup / forgot-password
   .brand-text      js/navigation.js injected nav
   .axiom-nav-logo  css/axiom-core.css shared nav
   .qr-brand        quantum-revolution.html
   .footer-brand    index.html, pricing.html footers
   .cb-wordmark     opt-in class (dashboard.html Tailwind spans)              */
.nav-logo,
.nav-logo span,
.auth-wordmark,
.brand-text,
.axiom-nav-logo,
.qr-brand,
.footer-brand,
.cb-wordmark {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-weight: 200 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.22em !important;
    background: linear-gradient(178deg, #FFFFFF 0%, #EDF0F5 38%, #B9C0CC 62%, #F4F6FA 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #F2F4F8 !important; /* fallback if background-clip unsupported */
}

/* Reference lockup has no trailing period — remove auth pages' indigo "." */
.auth-wordmark::after { content: none !important; }

/* ── Mark: chrome C + blue slash, attached to primary nav wordmarks ─────────
   Inlined as data URI so no extra request; same art as /img/calyber-mark.svg */
.nav-logo,
.auth-wordmark,
.brand-text,
.axiom-nav-logo,
.qr-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.nav-logo::before,
.auth-wordmark::before,
.brand-text::before,
.axiom-nav-logo::before,
.qr-brand::before {
    content: '';
    flex: 0 0 auto;
    width: 1.35em;
    height: 1.35em;
    background: url('/img/calyber-mark.svg') no-repeat center / contain;
}
/* League premium pages: .nav-logo wraps an inner span — mark goes on the <a>,
   text styling on the span; don't double-render the mark on the span. */
.nav-logo span::before { content: none; }