/* 颜色变量 */
:root {
    --color-primary: #488eff;
    --color-primary-hover: #0ca3e8;
    --color-primary-light: rgb(236, 245, 255);
    --color-export-bg: #f1f5f9;
    --color-export-bg-hover: #e2e8f0;
    --color-export-text: #475569;
    --color-export-border: #e2e8f0;
    --color-accent: #ff4d4d;
    --color-accent-hover: #ff3333;
    --gradient-btn: linear-gradient(180deg, #0ca3e8, #488eff);
    --gradient-btn-hover: linear-gradient(180deg, #0ca3e8, #488eff);
    --text-dark: #333;
    --text-gray: #737373;
    --text-light: #b3b3b3;
    --border-light: #ededed;
    --bg-light: #f7f7f7;
    --white: #fff;
    /* 淡彩色标签 */
    --tag-blue: #e6f2ff;
    --tag-green: #e6f7e6;
    --tag-orange: #fff0e6;
    --tag-pink: #ffe6f0;
    --tag-purple: #f0e6ff;
    --tag-yellow: #fffae6;
    --tag-cyan: #e6ffff;
    --tag-gray: #f2f2f2;
    /* 阴影变量 */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
    --shadow-hover: 0 12px 28px rgba(0,0,0,0.08);
    --shadow-glow: 0 0 0 1px rgba(14,182,255,0.2);


    --gradient-hero: linear-gradient(160deg, #f0f7ff 0%, #e6f0fc 100%);
    --shadow-card: 0 8px 30px -8px rgba(72, 142, 255, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
    --radius-card: 24px;
    --radius-sm: 12px;
    --transition-smooth: 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}