/* AtlasForgeX brand harmonization Aligns the country / comparison / guide pages to the homepage visual identity: homepage tokens — bg #050507 + blue/purple radial glow, Space Grotesk + Inter, accent #5ab8ff. Loaded LAST in so it overrides each page's inline theme. */ :root{ --bg:#050507; --bg-soft:#0a0a0d; --panel:#0c0c13; --border:#1b1c28; --green:#5ab8ff; /* terminal green -> homepage blue accent */ --cyan:#86c5ff; /* terminal cyan -> soft blue (same family) */ --orange:#ff8a5b; /* warm accent, softened to sit on dark bg */ --text:#c7cdda; --dim:#7b8392; --accent:#5ab8ff; --font-display:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace; } html{background:#050507;} body{ font-family:var(--font-sans)!important; color:var(--text); background: radial-gradient(ellipse 80% 60% at 70% -10%, rgba(90,184,255,0.16), transparent 60%), radial-gradient(ellipse 70% 55% at 15% 105%, rgba(127,92,255,0.12), transparent 60%), #050507 !important; background-attachment:fixed!important; } /* drop the green scanline overlay — the single most jarring difference vs the homepage */ body::before{display:none!important;content:none!important;} /* headings + brand chrome use the display font, like the homepage */ h1,h2,h3,h4,h5,h6,.nav-logo,.btn-cta{font-family:var(--font-display)!important;} /* real code stays monospaced */ code,pre,kbd,samp,.mono{font-family:var(--font-mono)!important;} /* glassy dark nav to match the premium homepage header */ nav{ background:rgba(8,8,12,0.82)!important; -webkit-backdrop-filter:blur(12px)!important; backdrop-filter:blur(12px)!important; border-bottom:1px solid var(--border)!important; } /* keep the sitewide SEO link mesh legible on the dark theme */ .afx-seo-mesh{border-top:1px solid var(--border)!important;} .afx-seo-mesh > div:first-child, .afx-seo-mesh > div:nth-child(3), .afx-seo-mesh > div:nth-child(5){color:#e8ecf3!important;} .afx-seo-mesh a{color:var(--accent)!important;}