/* ============================================================ theme.css — VerifiedHub.ai shared theme (single source of truth) ------------------------------------------------------------ Link this in the of EVERY page: Then DELETE each page's own :root color block so they all inherit from here. Change a color ONCE here = whole site updates. ============================================================ */ :root{ /* brand greens */ --teal:#1D9E75; --teal-light:#E1F5EE; --teal-mid:#5DCAA5; --teal-dark:#0F6E56; /* the ONE dark color for top bar + footer (the "bookends"). Change this single value to recolor every top/footer at once. */ --bookend:#0F172A; /* navy-black (matches the sample design) */ /* surfaces & text */ --bg:#F4F7F5; --bg2:#fff; --border:#E2EAE7; --border2:#C8DDD7; --text:#1A2E27; --text2:#4A6B60; --text3:#8AABA0; /* accents */ --blue:#185FA5; --blue-light:#EBF3FB; --red:#A32D2D; --red-light:#FDEAEA; --green:#22C55E; /* bright check-mark green (verified ticks) */ /* fonts & shape */ --font:'Space Grotesk',sans-serif; --mono:'JetBrains Mono',monospace; --radius:12px; --radius-sm:8px; --radius-lg:16px; --shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04); --shadow-lg:0 4px 24px rgba(0,0,0,.08); } /* ── Bookends: top bar + footer ALWAYS use --bookend so they match ── These override any per-page topbar/footer background. If a page's own CSS still sets a different background, remove that line so the page inherits these. */ .topbar{ background:var(--bookend) !important; } footer{ background:var(--bookend) !important; }