/* ===== Design Tokens · 深紫色主题配色 ===== */
:root {
    /* --- Color · 深紫色主题配色系统 --- */
    /* 背景色 - 深紫色渐变（偏紫） */
    --page-bg: linear-gradient(135deg, #8B3F9A 0%, #6E35A1 50%, #5B2C75 100%);
    --page-bg-dark: #5B2C75;
    --page-bg-mid: #5E35B1;
    --page-bg-light: #7B3FA0;
    
    /* 卡片/内容区背景 - 半透明白色 */
    --porcelain: #F5F0FA;
    --snow: #FFFFFF;
    --warm-gray: #E8E0F0;
    --apricot: #FBC02D;
    
    /* 主色调：深邃蓝（专业、稳重、信任） */
    --primary-blue: #1A237E;
    --primary-blue-light: #3949AB;
    --primary-blue-dark: #0D1642;
    --primary-gradient: linear-gradient(135deg, #1A237E 0%, #3949AB 100%);
    
    /* 辅助色：流光紫（智慧、优雅、创造力） */
    --accent-purple: #7E57C2;
    --accent-purple-light: #9575CD;
    --accent-purple-dark: #5E35B1;
    --purple-gradient: linear-gradient(135deg, #7E57C2 0%, #9575CD 100%);
    
    /* 科技蓝（AI、创新、未来） */
    --tech-blue: #42A5F5;
    --tech-blue-light: #BBDEFB;
    --tech-blue-dark: #1E88E5;
    
    /* 强调色：巾帼红（女性力量、热情、活力） */
    --accent-red: #D81B60;
    --accent-red-light: #F48FB1;
    --accent-red-dark: #AD1457;
    --red-gradient: linear-gradient(135deg, #D81B60 0%, #F48FB1 100%);
    
    /* 点缀色：金黄（希望、成就、活力） */
    --accent-gold: #FBC02D;
    --accent-gold-light: #FFF59D;
    --accent-gold-dark: #F9A825;
    
    /* 中性色 - 深色文字（用于浅色背景） */
    --ink: #1A1A2E;
    --ink-soft: #4A4A6A;
    --ink-mute: #7A7A9A;
    /* 浅色文字（用于深色背景） */
    --ink-light: #FFFFFF;
    --ink-light-soft: #E0E0E0;
    --ink-light-mute: #B0B0B0;
    --line: rgba(255, 255, 255, 0.15);
    --line-blue: rgba(255, 255, 255, 0.25);
    
    /* 兼容旧变量名 */
    --rose-mist: #C9A6A3;
    --rose-soft: rgba(255, 255, 255, 0.1);
    --rose-deep: #D4A5A5;
    --lacquer-gold: #FBC02D;
    --lacquer-light: #BBDEFB;
    --lacquer-deep: #5E35B1;
    --primary-purple: #7E57C2;
    --primary-purple-light: #9575CD;
    --primary-purple-dark: #5E35B1;

    /* --- Typography --- */
    --font-serif-tc: "Noto Serif TC", "Source Han Serif TC", "PingFang TC", serif;
    --font-sans-en: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
    --font-serif-en: "Georgia", "Playfair Display", serif;
    --font-num: "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;

    /* --- Spacing scale · 增加留白 --- */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --sp-8: 64px;
    --sp-9: 96px;
    --sp-10: 128px;
    --sp-11: 160px;
    --sp-12: 192px;

    /* --- Radius · 大圆角更柔和 --- */
    --r-sm: 12px;
    --r-md: 20px;
    --r-lg: 28px;
    --r-xl: 36px;
    --r-full: 999px;

    /* --- Shadow · 多层细腻阴影 --- */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.03);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.04);
    --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.12);
    
    /* 卡片阴影 */
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.04);
    --shadow-hover: 0 4px 8px rgba(0, 0, 0, 0.06), 0 12px 32px rgba(26, 35, 126, 0.12);
    --shadow-nav: 0 1px 2px rgba(0, 0, 0, 0.03), 0 2px 8px rgba(0, 0, 0, 0.03);
    
    /* 品牌色光晕 */
    --shadow-blue: 0 8px 24px rgba(26, 35, 126, 0.25);
    --shadow-purple: 0 8px 24px rgba(126, 87, 194, 0.25);
    --shadow-red: 0 8px 24px rgba(216, 27, 96, 0.25);

    /* --- Layout --- */
    --container: 1200px;
    --container-narrow: 860px;
    --nav-h: 72px;
    
    /* --- Easing · 苹果缓动曲线 --- */
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
}