:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--border-color: #e0e0e0;--border-hover: #cccccc;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-heavy: rgba(0, 0, 0, .2);--header-bg: #ffffff;--header-text: #333333;--button-bg: #f0f0f0;--button-text: #333333;--button-hover-bg: #e0e0e0;--input-bg: #ffffff;--input-border: #ddd;--link-color: #0066cc;--link-hover: #004499;--accent-primary: #667eea;--accent-secondary: #764ba2}.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888888;--border-color: #404040;--border-hover: #555555;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .5);--header-bg: #2d2d2d;--header-text: #e0e0e0;--button-bg: #404040;--button-text: #e0e0e0;--button-hover-bg: #555555;--input-bg: #333333;--input-border: #555555;--link-color: #66b3ff;--link-hover: #99ccff;--accent-primary: #7c8efc;--accent-secondary: #8f6bb8}body{margin-top:60px;font-size:2vw;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}