/**
 * 粤桂丰链 index2 颜色主题
 *
 * 使用：html 设置 data-theme="warm" | "green"
 * 默认：warm（暖棕产地风）
 *
 * 令牌分层
 * - 品牌色：--main / --accent / --orange
 * - 背景：--light / --surface / --surface-accent
 * - 文字：--dark / --text-muted
 * - 导航玻璃：--nav-glass / --nav-drawer-frost
 * - 阴影：--shadow-*（基于 --shadow-rgb）
 */

:root,
[data-theme="warm"] {
    color-scheme: light;

    /* 品牌主色 */
    --main: #965a2f;
    --main-rgb: 150, 90, 47;
    --main-deep: #5c3818;
    --main-deep-rgb: 92, 56, 24;

    /* 背景 */
    --light: #f6efe6;
    --light-rgb: 246, 239, 230;
    --surface: #ffffff;
    --surface-accent: #fff3e8;

    /* 文字 */
    --dark: #2a2018;
    --dark-rgb: 42, 32, 24;
    --text-muted: #4d4338;
    --text-caption: #5c534a;

    /* 强调色 */
    --orange: #e67722;
    --orange-deep: #d46515;
    --orange-rgb: 230, 119, 34;
    --accent: #c88a48;
    --accent-rgb: 200, 138, 72;
    --accent-gold: var(--accent);

    /* 语义 */
    --hero-title-color: var(--main);
    --h2-accent: var(--orange);
    --border: #ece5dc;
    --border-input: #dddddd;
    --on-brand: #ffffff;

    /* 导航 */
    --nav-glass: rgba(var(--main-rgb), 0.82);
    --nav-glass-solid: rgba(var(--main-rgb), 0.94);
    --nav-drawer-glass: rgba(var(--main-rgb), 0.45);
    --nav-drawer-frost: linear-gradient(
        180deg,
        rgba(255, 252, 247, 0.14) 0%,
        rgba(100, 58, 28, 0.76) 28%,
        rgba(72, 42, 20, 0.84) 100%
    );
    --drawer-quote-bg: rgba(255, 252, 247, 0.96);
    --drawer-quote-text: var(--main-deep);
    --lang-active-bg: #fff3e8;

    /* 页脚 */
    --footer-bg: #333333;
    --footer-text: #cccccc;
    --footer-link: #dddddd;

    /* 阴影 */
    --shadow-rgb: 60, 35, 18;
    --shadow-card: 0 4px 20px rgba(var(--shadow-rgb), 0.07);
    --shadow-hover: 0 10px 28px rgba(var(--shadow-rgb), 0.11);
    --shadow-nav: 0 4px 20px rgba(var(--shadow-rgb), 0.1);
    --shadow-nav-scrolled: 0 6px 28px rgba(var(--shadow-rgb), 0.16);
    --shadow-elevated: 0 6px 20px rgba(46, 30, 15, 0.08);
    --shadow-btn: 0 4px 16px rgba(var(--main-rgb), 0.28);
    --shadow-soft: 0 2px 12px rgba(35, 20, 8, 0.06);
    --shadow-back-top: 0 4px 14px rgba(80, 50, 20, 0.28);
    --shadow-fab: 0 6px 20px rgba(var(--accent-rgb), 0.45);

    /* 工序时间轴序号圆 */
    --timeline-icon-bg: rgba(var(--main-rgb), 0.12);
    --timeline-icon-border: rgba(var(--main-rgb), 0.32);
    --timeline-icon-text: var(--main-deep);
    --timeline-icon-shadow: 0 2px 8px rgba(var(--main-rgb), 0.08);

    /* Hero / 媒体遮罩 */
    --hero-scrim-media: linear-gradient(
        180deg,
        rgba(var(--dark-rgb), 0.12) 0%,
        rgba(var(--dark-rgb), 0.5) 100%
    );

    /* Hero KPI 指标条 */
    --hero-kpi-tray-bg: rgba(255, 252, 247, 0.52);
    --hero-kpi-tray-border: rgba(255, 255, 255, 0.58);
    --hero-kpi-cell-bg: rgba(255, 255, 255, 0.62);
    --hero-kpi-cell-border: rgba(var(--main-rgb), 0.16);
    --hero-kpi-accent: var(--accent);
    --hero-kpi-value: var(--main-deep);
    --hero-kpi-label: #3f362c;
}

[data-theme="green"] {
    color-scheme: light;

    /* 对齐 index.html :root 绿金体系 */
    --main: #4a9e5c;
    --main-rgb: 74, 158, 92;
    --main-deep: #2d5a3b;
    --main-deep-rgb: 45, 90, 59;

    --light: #f0f7f2;
    --light-rgb: 240, 247, 242;
    --surface: #ffffff;
    --surface-accent: #e8f5ec;

    --dark: #2e2e2e;
    --dark-rgb: 46, 46, 46;
    --text-muted: #6b7b6e;
    --text-caption: #6b7b6e;

    --orange: #4a9e5c;
    --orange-deep: #2d5a3b;
    --orange-rgb: 74, 158, 92;
    --accent: #c8963e;
    --accent-rgb: 200, 150, 62;
    --accent-gold: var(--accent);

    --hero-title-color: var(--main-deep);
    --h2-accent: var(--main);
    --border: #dce8df;
    --border-input: #c5d4c8;
    --on-brand: #ffffff;

    --nav-glass: rgba(var(--main-rgb), 0.88);
    --nav-glass-solid: rgba(var(--main-deep-rgb), 0.94);
    --nav-drawer-glass: rgba(var(--main-rgb), 0.45);
    --nav-drawer-frost: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.14) 0%,
        rgba(var(--main-rgb), 0.76) 28%,
        rgba(var(--main-deep-rgb), 0.88) 100%
    );
    --drawer-quote-bg: rgba(255, 255, 255, 0.96);
    --drawer-quote-text: var(--main-deep);
    --lang-active-bg: #e8f5ec;

    --footer-bg: #2d5a3b;
    --footer-text: rgba(255, 255, 255, 0.78);
    --footer-link: rgba(255, 255, 255, 0.62);

    --shadow-rgb: 45, 90, 59;
    --shadow-card: 0 2px 14px rgba(var(--shadow-rgb), 0.07);
    --shadow-hover: 0 10px 28px rgba(var(--shadow-rgb), 0.11);
    --shadow-nav: 0 4px 20px rgba(var(--shadow-rgb), 0.1);
    --shadow-nav-scrolled: 0 6px 28px rgba(var(--shadow-rgb), 0.14);
    --shadow-elevated: 0 8px 32px rgba(var(--shadow-rgb), 0.08);
    --shadow-btn: 0 8px 24px rgba(var(--shadow-rgb), 0.18);
    --shadow-soft: 0 2px 12px rgba(var(--shadow-rgb), 0.06);
    --shadow-back-top: 0 4px 14px rgba(var(--shadow-rgb), 0.22);
    --shadow-fab: 0 6px 20px rgba(var(--accent-rgb), 0.35);

    /* 工序时间轴序号圆 */
    --timeline-icon-bg: rgba(var(--main-rgb), 0.12);
    --timeline-icon-border: rgba(var(--main-rgb), 0.32);
    --timeline-icon-text: var(--main-deep);
    --timeline-icon-shadow: 0 2px 8px rgba(var(--main-rgb), 0.08);

    --hero-scrim-media: linear-gradient(
        180deg,
        rgba(var(--main-deep-rgb), 0.12) 0%,
        rgba(var(--main-deep-rgb), 0.45) 100%
    );

    --hero-kpi-tray-bg: rgba(255, 255, 255, 0.48);
    --hero-kpi-tray-border: rgba(255, 255, 255, 0.62);
    --hero-kpi-cell-bg: rgba(255, 255, 255, 0.58);
    --hero-kpi-cell-border: rgba(var(--main-rgb), 0.18);
    --hero-kpi-accent: var(--accent);
    --hero-kpi-value: var(--main-deep);
    --hero-kpi-label: #3d5242;
}