/* ---------- Base / theme tokens ---------- */ :root{ --bg:#0f1220; --bg2:#161a2e; --card:#1c2140; --card2:#232a52; --ink:#eef1ff; --muted:#9aa3c8; --line:rgba(255,255,255,.08); --accent:#6c8cff; --good:#39d98a; --warn:#ffce5a; --bad:#ff6b8a; --radius:22px; --shadow:0 10px 30px rgba(0,0,0,.35); --pop1:#6c8cff; --pop2:#b06cff; } /* Skins (applied on ) */ body[data-skin="pop"]{ --accent:#6c8cff; --pop1:#6c8cff; --pop2:#b06cff; } body[data-skin="hearth"]{ --bg:#1a1410; --bg2:#241b14; --card:#2c211a; --card2:#382a20; --ink:#fdf3e7; --muted:#cbb39a; --accent:#ff9d54; --pop1:#ff9d54; --pop2:#ff6f59; --good:#7bd88f; --warn:#ffc24b; } body[data-skin="quiet"]{ --bg:#0e1116; --bg2:#141821; --card:#171c26; --card2:#1e242f; --ink:#e7ecf3; --muted:#8b95a7; --accent:#7aa2ff; --pop1:#7aa2ff; --pop2:#7aa2ff; --radius:16px; --shadow:0 6px 18px rgba(0,0,0,.3); }