:root {
    /* 浅色主题 - 专业科技风格 */
    --bg-primary: #fafbfc;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f5f7fa;
    --text-primary: #0d1117;
    --text-secondary: #656d76;
    --text-tertiary: #8b949e;
    --accent-primary: #0969da;
    --accent-secondary: #0550ae;
    --accent-glow: rgba(9, 105, 218, 0.15);
    --border-color: #d0d7de;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-glow: 0 0 20px var(--accent-glow);
    --gradient-primary: linear-gradient(135deg, #0969da 0%, #0550ae 100%);
    --gradient-secondary: linear-gradient(135deg, #1f883d 0%, #1a7f37 100%);
    --gradient-hero: linear-gradient(135deg, #0969da 0%, #1f883d 50%, #8250df 100%);
    --gradient-tech: linear-gradient(135deg, rgba(9, 105, 218, 0.1) 0%, rgba(130, 80, 223, 0.1) 100%);
}

[data-theme="dark"] {
    /* 深色主题 - 专业科技风格 */
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #21262d;
    --text-primary: #f0f6fc;
    --text-secondary: #8b949e;
    --text-tertiary: #6e7681;
    --accent-primary: #58a6ff;
    --accent-secondary: #79c0ff;
    --accent-glow: rgba(88, 166, 255, 0.2);
    --border-color: #30363d;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 20px var(--accent-glow);
    --gradient-primary: linear-gradient(135deg, #58a6ff 0%, #79c0ff 100%);
    --gradient-secondary: linear-gradient(135deg, #3fb950 0%, #56d364 100%);
    --gradient-hero: linear-gradient(135deg, #58a6ff 0%, #3fb950 50%, #bc8cff 100%);
    --gradient-tech: linear-gradient(135deg, rgba(88, 166, 255, 0.15) 0%, rgba(188, 140, 255, 0.15) 100%);
}

/* 过渡动画 */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}