*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#101010;--surface-1:#181818;--surface-2:#1e1e1e;--surface-3:#262626;--surface-4:#2e2e2e;--line:rgba(255,255,255,0.08);--line-2:rgba(255,255,255,0.14);--ink-1:#f0f0f0;--ink-2:#a0a0a0;--ink-3:#606060;--ink-4:#3a3a3a;--accent:#f0f0f0;--accent-ink:#101010;--radius-s:6px;--radius-m:10px;--radius-l:14px;--text-size:20px;--scroll-track:#101010;--scroll-thumb:#3a3a3a;--scroll-thumb-hover:#505050;--syn-key:#ffffff;--syn-str:#c8c8c8;--syn-num:#ffffff;--syn-com:#666666;--syn-fn:#ffffff;--syn-op:#888888;--syn-var:#b8b8b8;--syn-type:#a0a0a0;--syn-punc:#909090;--syn-attr:#a0a0a0;--syn-tag:#ffffff;--syn-prop:#c8c8c8;--syn-builtin:#e0e0e0;--syn-class:#ffffff;--syn-const:#e8e8e8;--syn-param:#b8b8b8}
[data-theme="light"]{--scroll-track:#f4f4f4;--scroll-thumb:#c0c0c0;--scroll-thumb-hover:#a8a8a8;--bg:#f4f4f4;--surface-1:#fff;--surface-2:#f0f0f0;--surface-3:#e6e6e6;--surface-4:#dcdcdc;--line:rgba(0,0,0,0.08);--line-2:rgba(0,0,0,0.14);--ink-1:#101010;--ink-2:#5a5a5a;--ink-3:#9a9a9a;--ink-4:#c0c0c0;--accent:#101010;--accent-ink:#fff;--syn-key:#000000;--syn-str:#3a3a3a;--syn-num:#000000;--syn-com:#909090;--syn-fn:#000000;--syn-op:#5a5a5a;--syn-var:#3a3a3a;--syn-type:#4a4a4a;--syn-punc:#606060;--syn-attr:#4a4a4a;--syn-tag:#000000;--syn-prop:#3a3a3a;--syn-builtin:#1a1a1a;--syn-class:#000000;--syn-const:#1a1a1a;--syn-param:#3a3a3a}
/* Premium-палитры */
[data-palette="violet"]{--accent:#a78bfa;--accent-ink:#140d24}
[data-palette="blue"]{--accent:#60a5fa;--accent-ink:#07111f}
[data-palette="green"]{--accent:#4ade80;--accent-ink:#06150b}
[data-palette="orange"]{--accent:#fb923c;--accent-ink:#1b0d04}
[data-palette="pink"]{--accent:#f472b6;--accent-ink:#1b0712}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:var(--scroll-track)}
*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:100px}
*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}

