:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#f0f0f0;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-light:#f5f5f5;--btn-primary-bg:#4caf50;--btn-primary-hover:#45a049;--btn-secondary-bg:#e5e7eb;--btn-secondary-text:#111827;--btn-danger-bg:#ef4444;--btn-danger-hover:#dc2626;--btn-back-bg:#f0f0f0;--btn-back-border:#ddd;--btn-back-hover:#e0e0e0;--btn-back-hover-border:#999;--border-primary:#ddd;--border-secondary:#e5e7eb;--card-bg:#fff;--card-shadow:rgba(15,23,42,.08);--modal-backdrop:rgba(15,23,42,.4);--modal-bg:#fff;--navbar-bg:#fff;--navbar-border:#e5e7eb;--navbar-item-hover:#f3f4f6;--navbar-item-color:#666;--navbar-logo-color:#667eea;--input-border:#d1d5db;--input-bg:#fff;--input-text:#333}html.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-tertiary:#3a3a3a;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-tertiary:#888;--text-light:#2a2a2a;--btn-primary-bg:#4caf50;--btn-primary-hover:#5cb85d;--btn-secondary-bg:#404040;--btn-secondary-text:#e0e0e0;--btn-danger-bg:#ef4444;--btn-danger-hover:#f87171;--btn-back-bg:#3a3a3a;--btn-back-border:#555;--btn-back-hover:#4a4a4a;--btn-back-hover-border:#777;--border-primary:#444;--border-secondary:#404040;--card-bg:#2a2a2a;--card-shadow:rgba(0,0,0,.3);--modal-backdrop:rgba(0,0,0,.6);--modal-bg:#2a2a2a;--navbar-bg:#1a1a1a;--navbar-border:#404040;--navbar-item-hover:#3a3a3a;--navbar-item-color:#b0b0b0;--navbar-logo-color:#7c8ff7;--input-border:#555;--input-bg:#3a3a3a;--input-text:#e0e0e0}html.dark-mode body{background-color:var(--bg-secondary);color:var(--text-primary)}