/* resources/css/base/variables.css
   全站 CSS 变量
   - 第一层：覆盖 Tabler 默认值
   - 第二层：WikiPali 自定义 token
   所有颜色、间距、字体 token 统一在此定义，各 module 只引用变量，不硬编码色值
*/

/* ── Tabler 变量覆盖 ── */
:root {
    --tblr-font-sans-serif:
        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
        sans-serif;
    --tblr-border-radius: 0.375rem;
    --tblr-border-radius-lg: 0.5rem;
}

/* ── WikiPali 品牌色 token ── */
:root {
    /* 主色：暖金/琥珀，源自 main.css --sf */
    --wp-brand: #c8860a;
    --wp-brand-light: #f5e6c8;
    --wp-brand-pale: #fdf8f0;
    --wp-brand-dark: #9a6508;

    /* 文字层级，源自 main.css --ink */
    --wp-ink: #1a1208;
    --wp-ink-soft: #4a3f2f;
    --wp-ink-muted: #8a7a68;

    /* 边框 / 背景 */
    --wp-border: #e8ddd0;
    --wp-card-bg: #fffdf9;
    --wp-surface-alt: #fdf8f0;
}

/* ── 阅读页专属 token（reader.css 会用到） ── */
:root {
    --wp-reader-font-size: 1rem;
    --wp-reader-line-height: 1.875;
    --wp-reader-max-width: 720px;
}
