/* ============================================================================ faneros-refresh.css — Noto Sans typography + purple-black palette Loads AFTER faneros-styles.css on every page. Two tiers, deliberately: GLOBAL — typeface, heading weight, and the :root palette. These carry the approved homepage look across the whole site. They have to be global: the palette drives the nav bar, so leaving 73 pages on the old neutral-black would give a navigation strip that changes colour every time someone clicks off the homepage. body.home — hero composition only. The radial glow, the white headline and the #dfccff accent are tuned to the homepage's specific headline. 52 pages carry class="hero" and 48 have an

, so applying these globally would paint a glow behind every page header and flatten per-page accent colours that were chosen on purpose. index.html is the only page with class="home" on . ========================================================================== / / --- Noto Sans, self-hosted ------------------------------------------------- WOFF2 only. Every browser that does not support it (~2%) falls through to Arial via the stack below, which is the correct outcome — shipping the TTFs as a fallback would add 2.79 MB to serve a rounding error. Converted from the OFL-licensed TTFs in the approved kit; licence at /fonts/ofl.txt. The kit ships 400-800. A handful of rules on index.html and x-scan.html ask for 900; those synthesise, and the heading rule below overrides most of them to 500 anyway. / @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/noto-sans-400.woff2') format('woff2')} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/noto-sans-500.woff2') format('woff2')} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/noto-sans-600.woff2') format('woff2')} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/noto-sans-700.woff2') format('woff2')} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/noto-sans-800.woff2') format('woff2')} / --- Palette (global) ------------------------------------------------------ Neutral black/grey -> purple-tinted black/grey. Same ramp, warmer hue. / :root{ --black:#090411; --gray-950:#0e061a; --gray-900:#150b23; --gray-800:#20122f; --gray-700:#352445; --gray-400:#cdc6d8; --gray-300:#e2dceb; --refresh-font:'Noto Sans',Arial,sans-serif; } html,body{ font-family:var(--refresh-font); background-color:#090411; } / The [style="font-family"] selector catches inline declarations, of which this site has a great many. / body,button,input,select,textarea, .nav-wordmark,.nav-brand,.faneros-text-name, .mobile-nav-drawer,.mobile-nav-drawer , [style="font-family"],#faq-widget-root,#faq-widget-root { font-family:var(--refresh-font)!important; } / Heading weight 500 is the substance of the "more professional" look — the site currently runs 700/800 headings. / h1,h2,h3,h4,h5,h6{ font-family:var(--refresh-font)!important; font-weight:500!important; } / Nested spans must not re-inherit the old heavy weight from inline styles. / h1>span,h2>span,h3>span,h4>span{ font-weight:inherit!important; } / --- Chrome (global) ------------------------------------------------------- / .nav{ background:rgba(9,4,17,.94); } body.mobile-nav-open .nav{ background:#090411!important; } .mobile-nav-drawer{ background:#12081f; } .ticker-strip::before{background:linear-gradient(90deg,#090411,transparent)} .ticker-strip::after{background:linear-gradient(270deg,#090411,transparent)} / --- Homepage hero only ---------------------------------------------------- / body.home .hero{ background:radial-gradient(ellipse at 53% 36%,#241239 0%,#130922 44%,#090411 85%); } body.home .hero::before{ background:radial-gradient(ellipse at center,rgba(110,60,170,.05),transparent 70%); } body.home .hero h1,body.home .hero h1 { font-weight:500!important; } body.home .hero h1{color:#fff!important} body.home .hero h1 span{ background:none!important; color:#dfccff!important; -webkit-text-fill-color:#dfccff!important; } body.home .hero-sub{color:#e2dceb!important}