:root[data-skin="dark"]{
    --bg:#1e1e2e;
    --panel:#28293e;
    --panel2:#24253a;
    --text:#ffffff;
    --muted:#c7c7d6;
    --border:#343552;
    --border2:#4a4b6a;

    --accent:#ffcc00;
    --accent2:#ff9900;

    --hover-bg:#2f3048;
    --hover-bg2:#2b2c44;

    --pos:#3ddc84;
    --neg:#ff5c7c;
    --warn:#ffcc00;
    --info:#5cc8ff;

    --chart_grid:var(--border);
    --chart_text:var(--muted);
    --chart_min:var(--accent2);
    --chart_max:var(--accent);
    --chart_avg:var(--text);

    --shadow:0 8px 24px rgba(0,0,0,.12);

    --mob-highlight:#d4a84b;
    --mvp:#c9a227;
    --mvp-accent:#e6c035;
    --mvp-shadow:inset 0 0 14px rgba(201,162,39,.4),inset 0 0 40px rgba(201,162,39,.18);
    --mvp-shadow-hover:inset 0 0 18px rgba(230,192,53,.45),inset 0 0 50px rgba(230,192,53,.22);
    --mini:#5b8fb9;
    --mini-accent:#7eb3d8;
    --mini-shadow:inset 0 0 14px rgba(91,143,185,.4),inset 0 0 40px rgba(91,143,185,.18);
    --mini-shadow-hover:inset 0 0 18px rgba(126,179,216,.45),inset 0 0 50px rgba(126,179,216,.22);
    --summon:#a78bfa;
    --summon-gradient:linear-gradient(to bottom,rgba(167,139,250,.22) 0%,rgba(167,139,250,.06) 45%,transparent 70%);
}