/* ========================================================= green-accent.css — site-wide green accent + Geist font Mirrors the "Scalar" green treatment already on index.html so every other page matches. Link this LAST in . Deliberately restrained: only text/marks turn green, button fills stay ink (--gold-fill) so the UI never feels busy. ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap'); /* 1 — Subtle green accent (text / marks / rules only) */ :root{ --gold: rgb(11,93,59); --gold-2: rgb(7,68,43); --gold-deep: rgb(3,46,29); /* button + solid fills stay ink so the page reads clean */ } /* 2 — Consistent typography across every page (matches index) */ body{ font-family:'Geist','Inter','Helvetica Neue',Helvetica,Arial,sans-serif; } h1,h2,h3,h4, .section-headline,.page-headline,.hero-q-h1,.s-title,.pkg-name,.faq-q,.article-title{ font-family:'Geist','Plus Jakarta Sans','Helvetica Neue',Helvetica,Arial,sans-serif; } /* 3 — Soft green glow by the footer (echoes the index hero) */ footer{ position:relative; overflow:hidden; } footer::before{ content:''; position:absolute; left:50%; bottom:-45%; width:120%; height:160%; transform:translateX(-50%); z-index:0; pointer-events:none; filter:blur(26px); background: radial-gradient(44% 42% at 50% 100%, rgba(11,93,59,.28), transparent 62%), radial-gradient(30% 34% at 22% 92%, rgba(31,180,120,.14), transparent 60%); animation:footGlow 16s ease-in-out infinite alternate; } footer .footer-top, footer .footer-bottom, footer .footer-brand, footer .footer-links{ position:relative; z-index:1; } @keyframes footGlow{ 0%{ transform:translateX(-53%) scale(1); } 100%{ transform:translateX(-47%) scale(1.12); } } @media (prefers-reduced-motion:reduce){ footer::before{ animation:none; } }