/* Light ("day") palette for bsvkey.com, used when theme.js sets data-theme="light".
   Pages keep their own dark :root colours; this selector is more specific, so it wins on
   any page that links this file. Same colour names as index, market, pay, sites and brand.css. */
:root[data-theme="light"] {
  color-scheme: light;
  --bg:#f6f7f9; --card:#ffffff; --card2:#f0f2f5; --line:#dde1e7; --line2:#c8ced8;
  --fg:#161b22; --mut:#4f5967; --dim:#68717e;
  --acc:#b35f00; --acc2:#8f4c00; --accfg:#ffffff;
  --ok:#13803f; --err:#c62828; --no:#c62828; --part:#8a6100;
  --warnbg:#fff4e0; --warnln:#f0c98a; --warnfg:#7a4a00;
}
/* Sticky bars use a see-through dark fill; give them a light one. Menus get a softer shadow. */
:root[data-theme="light"] .topbar,
:root[data-theme="light"] .topnav,
:root[data-theme="light"] header { background:rgba(246,247,249,.92); }
:root[data-theme="light"] .wmenu,
:root[data-theme="light"] #jumpMenu,
:root[data-theme="light"] .toast { box-shadow:0 10px 30px rgba(0,0,0,.14); }

/* The button, for pages without their own header button style. */
.theme-btn { font:15px/1 system-ui,sans-serif; cursor:pointer; background:none; color:var(--fg);
  border:1px solid var(--line2); border-radius:7px; padding:5px 9px; }
.theme-btn:hover { border-color:var(--acc); }
.theme-btn:focus-visible { outline:2px solid var(--acc); outline-offset:2px; }