/* ============================================================
 * Design tokens · 方案 Y · 图纸与批注（Blueprint & Marginalia）
 * 全站共用变量，浅色/深色两套
 * ============================================================ */

:root {
    /* ---- 图纸调色板 ---- */
    --kk-blueprint:     #0D00B2;   /* 图纸蓝 · H1 / 链接 / 边框 */
    --kk-blueprint-2:   #4A46E8;   /* 亮蓝 · reading track / hover */
    --kk-paper:         #F0EAD6;   /* 图纸米黄底 */
    --kk-paper-2:       #E8DFC2;
    --kk-paper-3:       #DFD4B0;
    --kk-graphite:      #241F2E;   /* 石墨黑 · 正文 */
    --kk-annotate:      #8B2E2E;   /* 批注酒红 · sidenote / accent */
    --kk-dim:           #6B6478;   /* 尺寸线灰 */
    --kk-rule:          rgba(13, 0, 178, 0.18);
    --kk-rule-strong:   rgba(13, 0, 178, 0.35);

    /* ---- 字族 ---- */
    --kk-f-hand: "LXGW WenKai Screen", "Songti SC", "Source Han Serif SC", serif;
    --kk-f-sans: "Noto Sans SC", "PingFang SC", system-ui, sans-serif;
    --kk-f-mono: "JetBrains Mono", ui-monospace, monospace;

    /* ---- 排版度量 ---- */
    --kk-measure: 68ch;

    /* ---- 玻璃层 ---- */
    --kk-glass-bg: rgba(240, 234, 214, 0.6);
    --kk-glass-border: rgba(13, 0, 178, 0.14);
    --kk-glass-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.6),
        inset -1px -1px 0 rgba(13, 0, 178, 0.08),
        0 12px 40px -12px rgba(13, 0, 178, 0.25);

    /* ---- 把 PaperMod 的主色也接管，让所有原生组件跟随 ---- */
    --theme: var(--kk-paper);
    --entry: var(--kk-paper);
    --primary: var(--kk-graphite);
    --secondary: var(--kk-dim);
    --tertiary: var(--kk-paper-3);
    --content: var(--kk-graphite);
    --code-block-bg: var(--kk-paper-2);
    --code-bg: var(--kk-paper-2);
    --border: var(--kk-rule);
}

html[data-theme='dark'] {
    --kk-blueprint:     #8FA0FF;   /* 深色下用浅蓝，保对比 */
    --kk-blueprint-2:   #B8C4FF;
    --kk-paper:         #12102A;   /* 深空底 */
    --kk-paper-2:       #1B1938;
    --kk-paper-3:       #2A2645;
    --kk-graphite:      #E8E4F0;
    --kk-annotate:      #FF8B7A;   /* 深色下换成暖珊瑚，避免暗红发脏 */
    --kk-dim:           #8A87A5;
    --kk-rule:          rgba(143, 160, 255, 0.18);
    --kk-rule-strong:   rgba(143, 160, 255, 0.35);

    --kk-glass-bg: rgba(27, 25, 56, 0.55);
    --kk-glass-border: rgba(143, 160, 255, 0.16);
    --kk-glass-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.08),
        inset -1px -1px 0 rgba(0, 0, 0, 0.35),
        0 12px 40px -12px rgba(0, 0, 0, 0.5);

    --theme: var(--kk-paper);
    --entry: var(--kk-paper-2);
    --primary: var(--kk-graphite);
    --secondary: var(--kk-dim);
    --tertiary: var(--kk-paper-3);
    --content: var(--kk-graphite);
    --code-block-bg: var(--kk-paper-2);
    --code-bg: var(--kk-paper-2);
    --border: var(--kk-rule);
}

/* 字体加载 —— 只在需要的页面出现即可，但放全局最省心 */
@import url("https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.7.0/lxgwwenkaiscreen.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap");

/* 全站 CAD 剖面线极淡背景（可读性优先，非常淡） */
body {
    background-color: var(--kk-paper);
    background-image:
        repeating-linear-gradient(45deg,
            transparent 0, transparent 22px,
            rgba(13, 0, 178, 0.024) 22px, rgba(13, 0, 178, 0.024) 23px);
}

html[data-theme='dark'] body {
    background-image:
        repeating-linear-gradient(45deg,
            transparent 0, transparent 22px,
            rgba(143, 160, 255, 0.03) 22px, rgba(143, 160, 255, 0.03) 23px);
}

::selection {
    background: var(--kk-blueprint);
    color: var(--kk-paper);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        transition-duration: 0.001ms !important;
    }
}