/* The Hinge — shared light theme. Active only when . Header bars stay dark charcoal in both modes for a consistent, branded look; page bodies, cards and form fields flip to a warm light palette. */ html[data-theme="light"]{ --bg:#f4f1e9; --panel:#ffffff; --panel-2:#faf8f2; --field:#ffffff; --surface:#f4f1e9; --card:#ffffff; --ink:#1c2024; --ink-2:#faf8f2; --text:#1c2024; --parchment:#1c2024; --muted:#6b7178; --line:#d9d2c2; --line-soft:#e6e0d2; --shadow:0 8px 24px rgba(0,0,0,.12); } /* remove the hardcoded dark radial wash on body/html */ html[data-theme="light"] html, html[data-theme="light"] body{ background:var(--bg) !important; } /* dropdown menus that hardcode a dark background (e.g. Data page) */ html[data-theme="light"] .tnav-menu, html[data-theme="light"] .menu{ background:var(--panel) !important; } /* form fields: many pages hardcode dark field backgrounds — flip them all */ html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea{ background:#ffffff !important; color:#1c2024 !important; border-color:#d9d2c2 !important; } /* secondary grey buttons would be dark-on-dark in light mode */ html[data-theme="light"] .btn{ background:#efeadb !important; color:#1c2024 !important; border-color:#d9d2c2 !important; }