/* ======================================================================
 * 主题：科技橙（阿里云风）
 * 切换主题只需更换 header.html 中的 theme-*.css 文件名
 * ====================================================================== */

:root,
[data-theme="orange"] {
    /* ===== 品牌主色（HEX） ===== */
    --primary:        #FF6A00;   /* 科技橙 */
    --primary-light:  #FF9A3D;   /* 亮橙 */
    --primary-dark:   #CC5500;   /* 深橙 */
    --accent:         #FA8C16;   /* 琥珀橙（强调色） */
    --bg-dark:        #1A1517;   /* 暖墨黑（深色区块背景） */

    /* ===== RGB 三元组（供 rgba(var(--xxx-rgb), a) 使用） ===== */
    --primary-rgb:       255, 106, 0;
    --primary-light-rgb: 255, 154, 61;
    --primary-dark-rgb:  204, 85, 0;
    --accent-rgb:        250, 140, 22;
    --bg-dark-rgb:       26, 21, 23;

    /* ===== 中性色 ===== */
    --text-main:   #1F1815;   /* 暖墨黑 */
    --text-sub:    #4A3F38;   /* 暖深灰 */
    --text-light:  #8A8078;   /* 暖中灰 */
    --bg-white:    #FFFFFF;
    --bg-gray:     #FAF6F2;   /* 暖米白 */
    --border:      #E8E0D8;   /* 暖灰边框 */

    /* ===== 阴影（带品牌光辉） ===== */
    --shadow:    0 4px 20px  rgba(var(--primary-rgb), 0.08);
    --shadow-lg: 0 12px 40px rgba(var(--primary-rgb), 0.15);
}