:root {
    --primary: #3498db;
    --primary-dark: #2980b9;
    --secondary: #2c3e50;
    --light: #ecf0f1;
    --dark: #2c3e50;
    --gray: #95a5a6;
    --light-gray: #f8f9fa;
    --border-radius: 8px;
    --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
    --text-primary: #333;
    --text-secondary: #666;
    --bg-primary: #f8fafc;
    --bg-secondary: #e2e8f0;
    --accent-color: #3498db;
    --wave-color: #3498db;
    --me: #f4f6fa;
    --bg-primary-rgb: 248, 250, 252;
    --accent-color-rgb: 52, 152, 219;

    --gradient-color-1: #3498db;
    --gradient-color-2: #8e44ad;
    --gradient-color-3: #1abc9c;
    --bg-lattice-color: #f8fafc;
    --lattice-intensity: 0.001;
    --light-band-brightness: 0.3;
    --animation-speed: 0.3;

    --timeline-counter-color: #ffffff;
    --timeline-border: 4px;
}

/* 暗色主题 */
.theme-dark {
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --accent-color: #3b82f6;
    --wave-color: #3b82f6;
    --me: #f1f5f9;
    --bg-primary-rgb: 15, 23, 42;
    --accent-color-rgb: 59, 130, 246;

    --gradient-color-1: #3b82f6;
    --gradient-color-2: #8b5cf6;
    --gradient-color-3: #06b6d4;
    --bg-lattice-color: #0f172a;
    --lattice-intensity: 0.2;
    --light-band-brightness: 0.1;
    --animation-speed: 0.2;

    --timeline-counter-color: #ffffff;
    --timeline-border: 4px;
}

/* 高对比度主题 */
.theme-high-contrast {
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --bg-primary: #000000;
    --bg-secondary: #222222;
    --accent-color: #ffff00;
    --wave-color: #ffff00;
    --me: #ffff00;
    --bg-primary-rgb: 0, 0, 0;
    --accent-color-rgb: 255, 255, 0;

    --gradient-color-1: #ffff00;
    --gradient-color-2: #ff7700;
    --gradient-color-3: #00ffff;
    --bg-lattice-color: #000000;
    --lattice-intensity: 0.1;
    --light-band-brightness: 0.05;
    --animation-speed: 0.2;

    --timeline-counter-color: #000000;
    --timeline-border: 2px;
}

/* Darcula主题 */
.theme-darcula {
    --text-primary: #a9b7c6;
    --text-secondary: #808080;
    --bg-primary: #2b2b2b;
    --bg-secondary: #3c3f41;
    --accent-color: #6897bb;
    --wave-color: #6897bb;
    --me: #a9b7c6;
    --bg-primary-rgb: 43, 43, 43;
    --accent-color-rgb: 104, 151, 187;

    --gradient-color-1: #6897bb;
    --gradient-color-2: #9876aa;
    --gradient-color-3: #6a8759;
    --bg-lattice-color: #2b2b2b;
    --lattice-intensity: 0.01;
    --light-band-brightness: 0.3;
    --animation-speed: 0.3;

    --timeline-counter-color: #ffffff;
    --timeline-border: 4px;
}