:root {
 --primary-color: #007bff;
 --primary-hover: #0062cc;
 --success-color: #268eff;
 --danger-color: #0056b2;
 --warning-color: #66afff;
 --info-color: #006ee5;
 --light-color: #cce4ff;
 --dark-color: #00244c;
 --border-color: #99caff;
 --shadow: 0 2px 10px rgba(0,123,255,0.1);
 --shadow-hover: 0 8px 25px rgba(0,123,255,0.15);
 --border-radius: 8px;
 --transition: all 0.3s ease;
 --gradient: linear-gradient(135deg, #007bff 0%, #0062cc 100%);
}