@layer tokens, base, shell, components, views, games, features, responsive;
@layer tokens{:root{
--bg:#101214;--bg-2:#14171b;--panel:#191d22;--panel-2:#20252c;--panel-3:#2a3039;
--line:#303740;--line-2:#485360;--text:#f0f2f5;--muted:#a0aab7;--soft:#c4cdd7;
--accent:#a9c4e4;--accent-2:#c4d7ee;--live:#ed8897;--good:#8dcbb0;--warn:#ddbd83;--bad:#ed99a2;
--panel-glass:color-mix(in srgb,var(--panel) 96%,transparent);--panel-glass-strong:var(--panel-2);
--shadow:0 18px 50px rgba(0,0,0,.22);--shadow-soft:0 4px 18px rgba(0,0,0,.1);--shadow-card:0 8px 24px rgba(0,0,0,.12);
--r-sm:6px;--r:8px;--r-lg:10px;--r-xl:12px;--max:1440px;
--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;
--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
body[data-game="r6"]{--accent:#a9c4e4;--accent-2:#c4d7ee}
body[data-game="dota"]{--accent:#d5a69f;--accent-2:#e9c7c1}
body[data-game="lol"]{--accent:#cbb78e;--accent-2:#e3d5b7}
}