:root {
    --primary-color: #646cff;
    --primary-light-color: #a8acff54;
    --code-bg: var(--primary-light-color);
    /* VitePress主色蓝紫 */
    --secondary-color: #747bff;
    /* 稍浅的互动色 */
    --accent-color: #a8acff;
    /* 柔和强调色 */

    --text-primary: #1a1a1a;

    --accent-primary: var(--primary-color);
    --accent-secondary: var(--accent-color);
    /* 深碳灰 */
    --text-secondary: #444;
    /* 中灰 */
    --text-color3: #8a919f;
    /* 浅碳灰 */
    --bg-primary: #ffffff;
    /* 纯白背景 */
    --bg-secondary: #f8f8f8;
    /* 浅灰背景 */

    /* 功能色-现代科技风格 */
    --success: #00bd7e;
    /* 晶透绿 */
    --warning: #ff9f00;
    /* 琥珀黄 */
    --error: #ff4d4d;
    /* 信号红 */

    --border-color: #eaecef;
    --sidebar-bg: var(--bg-secondary);
    --sidebar-active-bg: rgba(100, 108, 255, 0.1);
    --sidebar-hover-bg: rgba(100, 108, 255, 0.05);

    /* 交互增强 */
    --shadow-color: rgba(100, 108, 255, 0.16);
    --card-shadow: 0 4px 6px var(--shadow-color);
    --card-hover-shadow: 0 10px 15px var(--shadow-color);
    /* 主色投影 */

    /* 保留结构变量 */
    --header-height: 60px;
    --sidebar-width: 250px;
    --card-bg: var(--bg-secondary);
    --bg-color: var(--bg-primary);
    --text-color: var(--text-primary);

    --sidebar-width: 280px;
    --toc-width: 300px;


    --download-btn-bg: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
    --download-btn-hover-bg: linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));




    /* 字体大小 */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;

    /* 字体粗细 */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;


    /* 过渡 */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    --transition-slow: 500ms ease;



    /* Z-index层级 */
    --z-index-dropdown: 1000;
    --z-index-sticky: 1020;
    --z-index-fixed: 1030;
    --z-index-modal-backdrop: 1040;
    --z-index-modal: 1050;
    --z-index-popover: 1060;
    --z-index-tooltip: 1070;
}

/* 暗色模式-深空科技主题 */
@media (prefers-color-scheme: dark) {
    :root {
        --primary-color: #8088ff;
        /* 发光蓝紫 */
        --secondary-color: #9da3ff;
        --accent-color: #bcc0ff;

        --text-primary: rgba(255, 255, 255, 0.87);
        /* 高亮白 */
        --text-secondary: rgba(235, 235, 245, 0.6);
        --bg-primary: #1a1a1a;
        /* 深空黑 */
        --bg-secondary: #242424;
        /* 中阶灰 */

        --border-color: #333;
        --sidebar-bg: var(--bg-secondary);
        --sidebar-active-bg: rgba(128, 136, 255, 0.2);
        --sidebar-hover-bg: rgba(128, 136, 255, 0.1);

        --success: #00d896;
        --warning: #ffb86c;
        --error: #ff6b6b;

        --shadow-color: rgba(128, 136, 255, 0.24);
    }
}