/* 哑光磨砂拟态 — 奶白 / 浅灰，反光极低 */
:root {
    /* 页面与卡片底：奶白偏浅灰，避免纯白镜面 */
    --body-bg: #e8ebe9;
    --neu-bg: #f2f0eb;
    --card-bg: #f4f2ed;
    --surface-matte: #efece6;

    --font-color: #5c6370;
    --font-muted: #8a909c;

    /* 低反光阴影：弱化高光，阴影偏灰软 */
    --shadow-1: #faf8f4;
    --shadow-2: #c8cdc8;
    --text-shadow: transparent;

    /* 弥散阴影（更哑光） */
    --elev-out:
        6px 6px 14px rgba(160, 168, 160, 0.28),
        -4px -4px 12px rgba(255, 255, 252, 0.55);
    --elev-out-sm:
        4px 4px 10px rgba(160, 168, 160, 0.24),
        -3px -3px 8px rgba(255, 255, 252, 0.5);
    --elev-out-hover:
        3px 3px 8px rgba(160, 168, 160, 0.22),
        -2px -2px 6px rgba(255, 255, 252, 0.45);
    --elev-in:
        inset 2px 2px 5px rgba(160, 168, 160, 0.32),
        inset -2px -2px 5px rgba(255, 255, 252, 0.45);
    --elev-in-sm:
        inset 1px 1px 3px rgba(160, 168, 160, 0.28),
        inset -1px -1px 3px rgba(255, 255, 252, 0.4);

    --accent: #6b7a8f;
    --accent-soft: rgba(107, 122, 143, 0.12);
    --success: #5a9a72;
    --danger: #c46b6b;
    --warning: #c49a5a;

    --radius: 14px;
    --radius-sm: 10px;
    --header-h: 60px;
    --max-w: 1280px;
    --font: "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;

    /* 磨砂层 */
    --frost: blur(10px) saturate(1.05);
    --frost-bg: color-mix(in srgb, var(--card-bg) 88%, transparent);
    --border-soft: color-mix(in srgb, var(--shadow-2) 35%, transparent);
}

/* 深色：同样降低高光，偏哑光 */
[data-theme="dark"] {
    --body-bg: #2a2e32;
    --neu-bg: #32363b;
    --card-bg: #353a40;
    --surface-matte: #383d43;

    --font-color: #d2d6db;
    --font-muted: #9aa1a9;

    --shadow-1: #3c4248;
    --shadow-2: #1c1f22;
    --text-shadow: transparent;

    --elev-out:
        6px 6px 14px rgba(0, 0, 0, 0.35),
        -3px -3px 10px rgba(70, 76, 84, 0.25);
    --elev-out-sm:
        4px 4px 10px rgba(0, 0, 0, 0.3),
        -2px -2px 8px rgba(70, 76, 84, 0.2);
    --elev-out-hover:
        3px 3px 8px rgba(0, 0, 0, 0.28),
        -2px -2px 6px rgba(70, 76, 84, 0.18);
    --elev-in:
        inset 2px 2px 5px rgba(0, 0, 0, 0.4),
        inset -2px -2px 5px rgba(70, 76, 84, 0.2);
    --elev-in-sm:
        inset 1px 1px 3px rgba(0, 0, 0, 0.35),
        inset -1px -1px 3px rgba(70, 76, 84, 0.18);

    --accent: #8fa3b8;
    --accent-soft: rgba(143, 163, 184, 0.15);
    --success: #6bb58a;
    --danger: #d48888;
    --warning: #d4b06a;

    --frost-bg: color-mix(in srgb, var(--card-bg) 82%, transparent);
    --border-soft: color-mix(in srgb, var(--shadow-2) 55%, transparent);
}