/* MSJP brand themes for NERDGE (2026-10-11). Three lion colours: royal blue, gold, mauli red.
   9 variants from light to dark royal. Chart cards only use surfaces validated by the dataviz checker:
   white (light themes) or deep royal <= #142c6e (mid/dark themes). */
:root, [data-theme] { --mauli:#c4441f; }
/* light family: white cards, light series palette */
[data-theme="1"],[data-theme="2"],[data-theme="3"] {
  --panel:#ffffff; --panel-2:#eef2fb; --line:#d5ddef; --text:#0f1b3d; --text-2:#33406a; --muted:#56648a;
  --gold:#a8801f; --gold-2:#d7a92f; --hdr-text:#ffffff;
  --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a; --s4:#eda100; --s5:#e87ba4; --s6:#4a3aa7;
  --good:#1a7f37; --good-bg:#dcf2e3; --warn:#8a6100; --warn-bg:#fbefcf; --bad:#b42318; --bad-bg:#fde4e1; --gray-bg:#e6eaf3;
}
[data-theme="1"] { --bg:#f3f5fb; --hdr:linear-gradient(90deg,#1d3a9e,#2a4fc4); --name:"Porcelain Royal"; }
[data-theme="2"] { --bg:#dfe7f9; --hdr:linear-gradient(90deg,#1f3fa8,#3159d1); --name:"Sky Royal"; }
[data-theme="3"] { --bg:#b9cbf1; --hdr:linear-gradient(90deg,#2346b8,#3a63db); --name:"Cornflower Royal"; }
/* mid + dark families: deep royal cards, dark series palette.
   7-9 join the same family (same text/muted/gold/series/status) — only --bg/--hdr get darker, continuing past 6.
   Each of 7, 8, 9 reuses the validated card tone of 4, 5, 6 respectively (--panel <= #142c6e, checker-safe)
   so the chart contrast stays proven while the page background keeps going darker. */
[data-theme="4"],[data-theme="5"],[data-theme="6"],[data-theme="7"],[data-theme="8"],[data-theme="9"] {
  --text:#d6dbe4; --text-2:#c3cbe0; --muted:#a9b8de; --gold:#e2b84a; --gold-2:#f0cf6b; --hdr-text:#ffffff;
  --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500; --s5:#d55181; --s6:#9085e9;
  --good:#3fb950; --good-bg:#123a22; --warn:#e3b341; --warn-bg:#3a2f10; --bad:#ff7b72; --bad-bg:#3a1414; --gray-bg:#1d2f63;
}
[data-theme="4"] { --name:"Royal"; --bg:#2a4fc0; --hdr:linear-gradient(90deg,#1c3a9f,#2a4fc0); --panel:#142c6e; --panel-2:#1b3784; --line:#2c4a99; }
[data-theme="5"] { --name:"Deep Royal"; --bg:#1f3fa8; --hdr:linear-gradient(90deg,#15308a,#2244b0); --panel:#11245f; --panel-2:#183177; --line:#28448f; }
[data-theme="6"] { --name:"Navy Royal"; --bg:#17307f; --hdr:linear-gradient(90deg,#10256a,#1b388f); --panel:#0f2257; --panel-2:#152d6d; --line:#23408a; }
/* Theme 7 — Midnight Royal: darker than 6, card tone = theme 4's (validated). --bg matches app.js's theme-picker swatch. */
[data-theme="7"] { --name:"Midnight Royal"; --bg:#0b1b52; --hdr:linear-gradient(90deg,#071442,#102968); --panel:#142c6e; --panel-2:#1b3784; --line:#2c4a99; }
/* Theme 8 — Crest Blue: --bg echoes the crest's own dark navy (crest's darkest blues ~#021234/#000d29); card tone = theme 5's. */
/* 2026-10-12 MSJP: "barely dark royal blue" — was --bg:#061436 / panel #11245f */
[data-theme="8"] { --name:"Crest Blue"; --bg:#0e2463; --hdr:linear-gradient(90deg,#071a4d,#123080); --panel:#142c6e; --panel-2:#1b3784; --line:#2c4a99; }
/* Theme 9 — Darkest Royal: near black-royal page, darkest of all nine; card tone = theme 6's, so gold reads strongest against it. */
[data-theme="9"] { --name:"Darkest Royal"; --bg:#04081a; --hdr:linear-gradient(90deg,#02050f,#0a1330); --panel:#0f2257; --panel-2:#152d6d; --line:#23408a; }

/* gold embroidery: a stitched line (dashes) next to a solid gold rule */
.stitch { height:6px; background:
  linear-gradient(var(--gold),var(--gold)) 0 0/100% 2px no-repeat,
  repeating-linear-gradient(90deg,var(--gold-2) 0 9px,transparent 9px 14px) 0 4px/100% 2px no-repeat; }

/* 2026-10-12: links gold on dark themes (blue-on-blue report-card links were unreadable) */
[data-theme="4"] a,[data-theme="5"] a,[data-theme="6"] a,[data-theme="7"] a,[data-theme="8"] a,[data-theme="9"] a { color:var(--gold-2); }

/* 2026-10-24 MSJP OG THEME v1/v2/v3 — the original look: DARK royal blue + gold embroidery. v1 = default.
   Same validated dark text/series set as 4-9; gold stitching on header, nav, cards. v1 dark → v3 darkest. */
[data-theme="og1"],[data-theme="og2"],[data-theme="og3"],[data-theme="og4"],[data-theme="og5"],[data-theme="og6"] {
  --text:#d6dbe4; --text-2:#c3cbe0; --muted:#a9b8de; --gold:#d4a73a; --gold-2:#f0cf6b; --hdr-text:#ffffff;
  --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500; --s5:#d55181; --s6:#9085e9;
  --good:#3fb950; --good-bg:#123a22; --warn:#e3b341; --warn-bg:#3a2f10; --bad:#ff7b72; --bad-bg:#3a1414; --gray-bg:#1d2f63;
}
[data-theme="og1"] { --bg:#081640; --hdr:linear-gradient(90deg,#040c2a,#0c2160); --panel:#0f2257; --panel-2:#152d6d; --line:#23408a; --name:"MSJP OG THEME v1"; }
[data-theme="og2"] { --bg:#050f30; --hdr:linear-gradient(90deg,#020820,#0a1b52); --panel:#0c1c4a; --panel-2:#12265e; --line:#1f3a80; --name:"MSJP OG THEME v2"; }
[data-theme="og3"] { --bg:#030a22; --hdr:linear-gradient(90deg,#010515,#071542); --panel:#0a173e; --panel-2:#102152; --line:#1b3473; --name:"MSJP OG THEME v3"; }
/* 2026-10-24 MSJP: v4-v6 — same style as v3, darker takes on his app colours (Routine green, Mail maroon, Fit purple) */
[data-theme="og4"] { --bg:#02130b; --hdr:linear-gradient(90deg,#010a05,#062619); --panel:#072216; --panel-2:#0c2d1e; --line:#1a4a33; --gray-bg:#0f3324; --name:"MSJP OG THEME v4"; }
[data-theme="og5"] { --bg:#150306; --hdr:linear-gradient(90deg,#0a0102,#29070f); --panel:#22070e; --panel-2:#2d0c15; --line:#4f1b27; --gray-bg:#361019; --name:"MSJP OG THEME v5"; }
[data-theme="og6"] { --bg:#0d051e; --hdr:linear-gradient(90deg,#060210,#1b0b38); --panel:#190a32; --panel-2:#221240; --line:#3b2566; --gray-bg:#281649; --name:"MSJP OG THEME v6"; }
[data-theme^="og"] a { color:var(--gold-2); }
[data-theme^="og"] header { border-bottom:2px solid var(--gold); }
[data-theme^="og"] nav { border-bottom:1px dashed var(--gold); }
[data-theme^="og"] .card { border:1px solid var(--gold); outline:1px dashed rgba(240,207,107,.45); outline-offset:-5px; }