/* ============================================================
   学途 · 基础层
   Reset + 学途专属装饰变量 + 全局滚动条。

   设计令牌（颜色 / 圆角 / 间距 / 阴影 / 字号）全部在 tokens.css，
   本文件不定义任何令牌值。

   加载顺序：tokens → base → shell → components → responsive → pages → skin-quiet
   ============================================================ */

:root {
    /* 学途专属的少量装饰变量（tokens.css 里没有对应物）。
       这里引用 var(--brand) —— 自定义属性的解析是惰性的，
       所以不依赖 tokens.css 先于本文件加载。 */
    --logo-gradient: linear-gradient(135deg, var(--brand), var(--brand-2));
    --logo-shadow: 0 4px 12px color-mix(in srgb, var(--brand) 32%, transparent);
    --topbar-bg: rgba(255, 255, 255, 0.82);
    --topbar-blur: blur(12px);
}

/* 说明：旧版有 6 套 [data-theme] 色板，已全部删除。
   配色改由 tokens.css 的 html[data-palette="qing|zhu|xiang|ou|dai"] 驱动；
   明暗由 html[data-theme="dark"] 驱动（柔和暮色，非真暗色）。
   旧版只有 dark 一套覆盖了 --canvas / --ink / --line，其余 4 套只改 11 个
   变量 —— 切「青碧」时只有主色和侧栏变、底色不变。迁到令牌机制后此问题消失。 */

/* ---- Reset ---- */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: var(--cjk);
    background: var(--canvas);
    color: var(--ink);
    display: flex;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
}


/* ============================================
   Scrollbar
   ============================================ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--line-2); border-radius: 100px; }
::-webkit-scrollbar-thumb:hover { background: var(--faint); }

.modal-box::-webkit-scrollbar-thumb { background: var(--line-2); }
.sidebar::-webkit-scrollbar { width: 4px; }
/* 旧版这里是 rgba(255,255,255,0.1) —— 深色侧栏的遗留。
   安静皮肤下侧栏是白底，白色拇指等于看不见。 */
.sidebar::-webkit-scrollbar-thumb { background: var(--line-2); }