/* STX Vets – Theme tokens (light default in :root; dark overrides on body.theme-dark) */ /* LIGHT (defaults) */ :root { /* brand */ --brand: #3a7afe; --accent: #38bdf8; --accent-alt: #0ea5e9; /* surfaces */ --bg: #f7f9fc; --bg-alt: #ffffff; --card-bg: #ffffff; --bg-gradient: radial-gradient(circle at top, #ffffff 0, #eef3fb 55%, #e6edf8 100%); /* borders */ --border-subtle: #dfe6ee; --border-weak: rgba(0,0,0,.12); /* text */ --text-main: #101418; --text-muted: #5b6a7a; /* nav/link controls */ --nav-link: #0f1c2b; --nav-hover: rgba(0,0,0,.05); --control-bg: #ffffff; /* anchors */ --link-normal: #0b63ff; --link-hover: #2a7bff; --link-visited:#5b4dff; /* header */ --header-bg: rgba(255,255,255,.85); } /* DARK (applies when ) */ .theme-dark { /* surfaces */ --bg: #05070b; --bg-alt: #0b1018; --card-bg: #101722; --bg-gradient: radial-gradient(circle at top, #111831 0, #05070b 45%, #020838 100%); /* borders */ --border-subtle: #222a34; --border-weak: rgba(255,255,255,.14); /* text */ --text-main: #e9eef7; --text-muted: #9aa2b3; /* nav/link controls */ --nav-link: #e9eef7; --nav-hover: rgba(255,255,255,.06); --control-bg: #0f1420; /* anchors */ --link-normal: #97c6ff; --link-hover: #b7d8ff; --link-visited:#c6b7ff; --accent: #0ea5e9; --accent-alt: #8bffd1; /* header */ --header-bg: rgba(5,7,11,.75); }