/* Token màu: chép nguyên từ GRASP School (web/public/_tk/chung.css) để sau này gắn vào School không phải đổi gì.
   Chọn bộ màu bằng data-palette trên <html> (theme.js): sang, sang-am, toi, toi-xanh. */
:root,[data-palette="sang"]{--bg:#f4f6fb;--card:#ffffff;--card2:#e9eef8;--border:#cdd5e6;--text:#14203a;--muted:#5f6b86;--navy:#14203a;--gold:#b4690e;--teal:#1f4fd8;--teal-ink:#ffffff;--bad:#c62d3a;--ok:#0b7d4f;--warn:#b4690e;--focus:#1f4fd8;--shadow:0 1px 2px rgba(16,32,60,.06),0 8px 24px rgba(16,32,60,.06)}
[data-palette="sang-am"]{--bg:#f7f2ea;--card:#fffdf8;--card2:#f1e9dc;--border:#ddd0bc;--text:#2a2118;--muted:#5f5140;--navy:#3b2a17;--gold:#9a5b00;--teal:#0e6f62;--teal-ink:#ffffff;--bad:#a8232d;--ok:#2d6a2f;--warn:#7a4f00;--focus:#9a5b00;--shadow:0 1px 2px rgba(60,40,10,.07),0 8px 24px rgba(60,40,10,.06)}
[data-palette="toi"]{--bg:#0a0f1f;--card:#111b36;--card2:#16224a;--border:#2a3a63;--text:#e8ecf7;--muted:#9aa6c4;--navy:#e8ecf7;--gold:#ffcc4e;--teal:#ffcc4e;--teal-ink:#0a0f1f;--bad:#ff5a63;--ok:#34d399;--warn:#ffb454;--focus:#ffcc4e;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.25)}
[data-palette="toi-xanh"]{--bg:#06171a;--card:#0c2529;--card2:#12333a;--border:#22505a;--text:#e6f4f2;--muted:#a3c4c0;--navy:#c9f1ea;--gold:#f6c45a;--teal:#4fe0c8;--teal-ink:#032420;--bad:#ff8a8a;--ok:#7ae6a8;--warn:#f6c45a;--focus:#f6c45a;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.25)}
html[data-size="s"]{font-size:14px}html[data-size="m"]{font-size:16px}html[data-size="l"]{font-size:18.5px}