/* [NS] site themes (2026-11-02, user: "add a light/dark/ more themed ***.necro144.com pages").
 * Served from /var/www/ns-icons/ on every *.necro144.com page (nginx sub_filter puts it in <head> with ns-themes.js).
 * The pages wrap their palette as var(--ns-x, <original>), so with no theme ("dark") nothing changes.
 * Picker: the "Theme" menu in the header (account.inc.php), choice kept in cookie nstheme on .necro144.com. */
html[data-theme="light"] {
  color-scheme: light;
  --ns-bg:#f3f5f8; --ns-bg2:#e9edf2; --ns-surface:#ffffff; --ns-surface2:#eef2f6; --ns-text:#15202b; --ns-text2:#3d4b58;
  --ns-muted:#66737f; --ns-teal:#0b8a7e; --ns-ink:#ffffff; --ns-border:rgba(15,25,35,.12); --ns-border2:rgba(15,25,35,.22);
  --ns-hdr:rgba(255,255,255,.92);
}
html[data-theme="midnight"] {
  color-scheme: dark;
  --ns-bg:#060a16; --ns-bg2:#0a1122; --ns-surface:#0f192e; --ns-surface2:#15223c; --ns-text:#e4ebfa; --ns-text2:#a9b8d8;
  --ns-muted:#7483a6; --ns-teal:#5b9dff; --ns-ink:#04122e; --ns-border:rgba(140,170,255,.10); --ns-border2:rgba(140,170,255,.20);
  --ns-hdr:rgba(6,10,22,.92);
}
html[data-theme="crimson"] {
  color-scheme: dark;
  --ns-bg:#0e0708; --ns-bg2:#150a0c; --ns-surface:#1c0f12; --ns-surface2:#261418; --ns-text:#f4e8ea; --ns-text2:#cfb3b8;
  --ns-muted:#9b7c81; --ns-teal:#ff4d6d; --ns-ink:#2a0510; --ns-border:rgba(255,120,140,.10); --ns-border2:rgba(255,120,140,.20);
  --ns-hdr:rgba(14,7,8,.92);
}
html[data-theme="forest"] {
  color-scheme: dark;
  --ns-bg:#06100a; --ns-bg2:#0a170f; --ns-surface:#0e1f15; --ns-surface2:#14291c; --ns-text:#e4f3e9; --ns-text2:#a8cbb4;
  --ns-muted:#789a84; --ns-teal:#3ddc84; --ns-ink:#03200e; --ns-border:rgba(120,230,160,.10); --ns-border2:rgba(120,230,160,.20);
  --ns-hdr:rgba(6,16,10,.92);
}
html[data-theme="purple"] {
  color-scheme: dark;
  --ns-bg:#0c0814; --ns-bg2:#120c1d; --ns-surface:#181026; --ns-surface2:#211633; --ns-text:#efe7fb; --ns-text2:#c3b3dd;
  --ns-muted:#8f80aa; --ns-teal:#b388ff; --ns-ink:#1b0a3a; --ns-border:rgba(190,150,255,.11); --ns-border2:rgba(190,150,255,.22);
  --ns-hdr:rgba(12,8,20,.92);
}
/* light: areas drawn over a dark picture (profile background, game banners) keep the dark text colors */
html[data-theme="light"] .profile.hasbg, html[data-theme="light"] .hero {
  --ns-text:#e8eef3; --ns-text2:#b3c0cb; --ns-muted:#9aa7b3; --ns-teal:#2ee6d0; --ns-border:rgba(255,255,255,.10); --ns-border2:rgba(255,255,255,.18);
  --text:#e8eef3; --text2:#b3c0cb; --muted:#9aa7b3; --border:rgba(255,255,255,.10); --border2:rgba(255,255,255,.18);
  --ns-surface:#131b23; --ns-surface2:#18222c; --ns-bg:#0a0e13; --ns-bg2:#0f151c; --surface:#131b23; --surface2:#18222c; --bg:#0a0e13; --bg2:#0f151c;
  background-color:#131b23;
  color:#e8eef3;
}
html[data-theme="light"] .profile.hasbg a, html[data-theme="light"] .hero a { color:#2ee6d0; }
/* light: the few white-on-dark details that are not palette colors */
html[data-theme="light"] .nsh { box-shadow:0 1px 0 rgba(15,25,35,.06); }
html[data-theme="light"] ::selection { background:rgba(11,138,126,.25); }