/* ==========================================================================
   NyamonZone 社区 · 设计令牌
   --------------------------------------------------------------------------
   所有颜色、圆角、阴影、动效曲线都在这里定义，改主题只需要动这个文件。
   三套机制：
     1. [data-color-mode="dark"]  明暗切换
     2. [data-skin="sakura"]      配色皮肤（内置 6 套）
     3. [data-density] / [data-font]  疏密与字号
   与主站 (index.php) 同源：底色 #f4fbff、主蓝 #68baff、深蓝 #2f7fcf、
   正文 #4f6675、危险 #ff5f73、玻璃拟态 + 22px 圆角。
   装饰基调是"平涂 + 克制的阴影"：没有斜纹贴图、角落光斑、三段渐变和彩色发光。
   ========================================================================== */

:root {
    /* ── 基础色 ───────────────────────────────── */
    --nz-bg:            #f4fbff;
    --nz-bg-2:          #eaf5ff;
    --nz-surface:       #ffffff;
    --nz-surface-2:     #f8fbff;
    --nz-surface-3:     #eef6fc;
    --nz-surface-invert:#2f4a63;
    --nz-panel:         rgba(255, 255, 255, .88);
    --nz-panel-strong:  rgba(255, 255, 255, .95);

    --nz-border:        #d9eaf8;
    --nz-border-strong: #c8def2;
    --nz-border-soft:   rgba(217, 234, 248, .7);

    --nz-text:          #4f6675;
    --nz-text-strong:   #2f4a63;
    --nz-text-sub:      #7f98aa;
    --nz-text-faint:    #9db2c4;
    --nz-text-invert:   #ffffff;

    /* ── 品牌色 ─────────────────────────────────
       主色一律用平涂，不再搞 135° 三段渐变和彩色发光阴影。 */
    --nz-accent:        #68baff;
    --nz-accent-hover:  #57adf7;
    --nz-accent-deep:   #2f7fcf;
    --nz-accent-soft:   #e7f3ff;
    --nz-accent-2:      #9d8bff;
    --nz-accent-grad:   var(--nz-accent);
    --nz-accent-grad-2: var(--nz-accent);

    --nz-danger:        #ff5f73;
    --nz-danger-soft:   #fff0f2;
    --nz-success:       #2fae6e;
    --nz-success-soft:  #e9f9f0;
    --nz-warning:       #e8a33d;
    --nz-warning-soft:  #fff6e6;
    --nz-info-soft:     #eef6ff;

    /* ── 质感与装饰 ─────────────────────────────
       背景就是干净的平涂：斜纹贴图和角落光斑都撤了。 */

    /* ── 圆角 ─────────────────────────────────── */
    --nz-radius-xs:  8px;
    --nz-radius-sm:  12px;
    --nz-radius-md:  16px;
    --nz-radius-lg:  22px;
    --nz-radius-pill: 999px;

    /* ── 阴影 ─────────────────────────────────── */
    --nz-shadow-xs:    0 1px 2px rgba(74, 135, 188, .06);
    --nz-shadow-sm:    0 4px 14px rgba(74, 135, 188, .07);
    --nz-shadow:       0 14px 40px rgba(74, 135, 188, .08);
    --nz-shadow-hover: 0 18px 44px rgba(74, 135, 188, .14);
    --nz-shadow-modal: 0 28px 70px rgba(47, 90, 130, .22);

    /* ── 动效 ─────────────────────────────────── */
    --nz-ease:        cubic-bezier(.22, .61, .36, 1);
    --nz-ease-out:    cubic-bezier(.16, 1, .3, 1);
    --nz-ease-in-out: cubic-bezier(.65, .05, .36, 1);
    --nz-dur-fast:    .14s;
    --nz-dur:         .22s;
    --nz-dur-slow:    .34s;

    /* ── 尺寸 ─────────────────────────────────── */
    --nz-header-h:      64px;
    --nz-bottombar-h:   60px;
    --nz-sidebar-w:     228px;
    --nz-aside-w:       304px;
    --nz-content-max:   1440px;
    --nz-reading-max:   760px;
    --nz-gap:           16px;

    /* ── 排版 ─────────────────────────────────── */
    --nz-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
    --nz-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --nz-fs-xs:   12px;
    --nz-fs-sm:   13px;
    --nz-fs-base: 14px;
    --nz-fs-md:   15px;
    --nz-fs-lg:   17px;
    --nz-fs-xl:   20px;
    --nz-fs-2xl:  24px;
    --nz-fs-3xl:  30px;
    --nz-lh:      1.75;
    --nz-lh-tight:1.35;

    --nz-font-scale: 1;
    --nz-density: 1;
}

/* ── 皮肤：默认海洋（与主站一致，无需覆盖，这里写出来是为了可读） ── */
[data-skin="ocean"] {
    --nz-accent:      #68baff;
    --nz-accent-deep: #2f7fcf;
}

/* ── 皮肤：樱花 ───────────────────────────────── */
[data-skin="sakura"] {
    --nz-bg:            #fff7fa;
    --nz-bg-2:          #ffeff5;
    --nz-surface-2:     #fffafc;
    --nz-surface-3:     #ffeef5;
    --nz-border:        #fbd9e6;
    --nz-border-strong: #f6c3d8;
    --nz-accent:        #ff8fb8;
    --nz-accent-hover:  #ff7aa9;
    --nz-accent-deep:   #d6558a;
    --nz-accent-soft:   #ffe9f2;
    --nz-accent-2:      #ffb37a;
}

/* ── 皮肤：森林 ───────────────────────────────── */
[data-skin="forest"] {
    --nz-bg:            #f2fbf6;
    --nz-bg-2:          #e8f8ef;
    --nz-surface-2:     #f7fdf9;
    --nz-surface-3:     #e9f7ef;
    --nz-border:        #d2ecdd;
    --nz-border-strong: #b8e0c9;
    --nz-accent:        #4fc08d;
    --nz-accent-hover:  #3fb07d;
    --nz-accent-deep:   #2b8a63;
    --nz-accent-soft:   #e6f8ef;
    --nz-accent-2:      #7ad0b0;
}

/* ── 皮肤：黄昏 ───────────────────────────────── */
[data-skin="sunset"] {
    --nz-bg:            #fff8f2;
    --nz-bg-2:          #ffefe2;
    --nz-surface-2:     #fffbf7;
    --nz-surface-3:     #fff1e6;
    --nz-border:        #f8e0cc;
    --nz-border-strong: #f2cdad;
    --nz-accent:        #ff9f5a;
    --nz-accent-hover:  #f9904a;
    --nz-accent-deep:   #d4732f;
    --nz-accent-soft:   #fff0e3;
    --nz-accent-2:      #ff7a7a;
}

/* ── 皮肤：青柠 ───────────────────────────────── */
[data-skin="matcha"] {
    --nz-bg:            #f7fbf0;
    --nz-bg-2:          #eef7e2;
    --nz-surface-2:     #fbfdf7;
    --nz-surface-3:     #f0f7e6;
    --nz-border:        #dcebc9;
    --nz-border-strong: #c8dfae;
    --nz-accent:        #8bc34a;
    --nz-accent-hover:  #7cb342;
    --nz-accent-deep:   #5d8f2c;
    --nz-accent-soft:   #f0f8e4;
    --nz-accent-2:      #4fc08d;
}

/* ── 皮肤：墨白（极简单色） ───────────────────── */
[data-skin="mono"] {
    --nz-bg:            #f7f8fa;
    --nz-bg-2:          #eef0f4;
    --nz-surface-2:     #fafbfc;
    --nz-surface-3:     #eef0f4;
    --nz-border:        #e2e6ec;
    --nz-border-strong: #cfd5de;
    --nz-accent:        #4b5563;
    --nz-accent-hover:  #3d4653;
    --nz-accent-deep:   #2b323c;
    --nz-accent-soft:   #eef0f4;
    --nz-accent-2:      #8b95a5;
}

/* ── 暗色模式 ─────────────────────────────────── */
[data-color-mode="dark"] {
    --nz-bg:            #10161f;
    --nz-bg-2:          #0b111a;
    --nz-surface:       #172232;
    --nz-surface-2:     #1b2739;
    --nz-surface-3:     #212f43;
    --nz-surface-invert:#f2f7ff;
    --nz-panel:         rgba(23, 34, 50, .82);
    --nz-panel-strong:  rgba(28, 41, 60, .94);

    --nz-border:        rgba(122, 168, 214, .18);
    --nz-border-strong: rgba(122, 168, 214, .32);
    --nz-border-soft:   rgba(122, 168, 214, .12);

    --nz-text:          #b9cbdd;
    --nz-text-strong:   #e8f1fb;
    --nz-text-sub:      #7d93a9;
    --nz-text-faint:    #62748a;

    --nz-accent-soft:   rgba(104, 186, 255, .14);
    --nz-danger-soft:   rgba(255, 95, 115, .14);
    --nz-success-soft:  rgba(47, 174, 110, .14);
    --nz-warning-soft:  rgba(232, 163, 61, .14);
    --nz-info-soft:     rgba(104, 186, 255, .1);

    --nz-shadow-xs:    0 1px 2px rgba(0, 0, 0, .3);
    --nz-shadow-sm:    0 4px 14px rgba(0, 0, 0, .3);
    --nz-shadow:       0 14px 40px rgba(0, 0, 0, .35);
    --nz-shadow-hover: 0 18px 44px rgba(0, 0, 0, .45);
    --nz-shadow-modal: 0 28px 70px rgba(0, 0, 0, .55);
}

/* ── 疏密 ─────────────────────────────────────── */
[data-density="compact"] {
    --nz-density: .82;
    --nz-gap: 12px;
}
[data-density="cozy"] {
    --nz-density: 1.12;
    --nz-gap: 20px;
}

/* ── 字号缩放 ─────────────────────────────────── */
[data-font="small"]  { --nz-font-scale: .92; }
[data-font="large"]  { --nz-font-scale: 1.12; }