/* 工具页共享主题变量 */
:root {
    --bg-body: #0f172a;
    --bg-card: #1e293b;
    --bg-input: #0f172a;
    --bg-secondary: #1e293b;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-label: #cbd5e1;
    --border-color: #334155;
    --border-input: #475569;
    --accent-color: #38bdf8;
    --accent-hover: #0ea5e9;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --grid-color: #334155;

    /* 下拉箭头 */
    --select-arrow: '%2394a3b8';

    /* 提示框 */
    --tooltip-bg: rgba(30, 41, 59, 0.95);
    --tooltip-text: #f1f5f9;

    /* 徽章 */
    --badge-peak-bg: rgba(56, 189, 248, 0.15);
    --badge-peak-text: #38bdf8;
    --badge-high-bg: rgba(168, 85, 247, 0.15);
    --badge-high-text: #a855f7;
    --badge-medium-bg: rgba(234, 179, 8, 0.15);
    --badge-medium-text: #eab308;
    --badge-low-bg: rgba(239, 68, 68, 0.15);
    --badge-low-text: #ef4444;

    /* 图表 - 通用 */
    --chart-text: #ffffff;
    --chart-grid: rgba(255, 255, 255, 0.05);
    --chart-tooltip-bg: rgba(30, 41, 59, 0.95);
    --chart-tooltip-text: #f1f5f9;
    --chart-tooltip-border: rgba(56, 189, 248, 0.3);

    /* 图表 - 光伏 */
    --chart-bar: rgba(56, 189, 248, 0.8);
    --chart-bar-border: rgba(56, 189, 248, 1);

    /* 图表 - 充电 */
    --chart-power: #7dd3fc;
    --chart-power-bg: rgba(96, 208, 255, 0.15);
    --chart-soc: #fbbf24;

    /* 品牌色 - 车型大全 */
    --brand-yangwang: #c9a227;
    --brand-tengshi: #a855f7;
    --brand-dynasty: #dc2626;
    --brand-ocean: #0891b2;
    --brand-fangchengbao: #ea580c;

    /* 动力类型 */
    --type-ev: #10b981;
    --type-phev: #f59e0b;
}

[data-theme="light"] {
    --bg-body: #f5f7fa;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-secondary: #f8fafc;
    --text-primary: #1a1a2e;
    --text-secondary: #666666;
    --text-label: #555555;
    --border-color: #e8ecf1;
    --border-input: #d0d7de;
    --accent-color: #0066cc;
    --accent-hover: #0052a3;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    --grid-color: #e8ecf1;

    --select-arrow: '%23666';

    --tooltip-bg: rgba(255, 255, 255, 0.95);
    --tooltip-text: #333333;

    --badge-peak-bg: #e6f0fa;
    --badge-peak-text: #0066cc;
    --badge-high-bg: #f0e6fa;
    --badge-high-text: #7b2cbf;
    --badge-medium-bg: #fef9e6;
    --badge-medium-text: #b38600;
    --badge-low-bg: #fde8e8;
    --badge-low-text: #c53030;

    --chart-text: #666666;
    --chart-grid: rgba(0, 0, 0, 0.05);
    --chart-tooltip-bg: rgba(255, 255, 255, 0.95);
    --chart-tooltip-text: #333333;
    --chart-tooltip-border: rgba(0, 0, 0, 0.1);

    --chart-bar: rgba(0, 102, 204, 0.8);
    --chart-bar-border: rgba(0, 102, 204, 1);

    --chart-power: #0066cc;
    --chart-power-bg: rgba(0, 102, 204, 0.1);
    --chart-soc: #d97706;
}