.theme-light {
    --primary-color: #3498db;
    --secondary-color: #2980b9;
    --background-color: #f5f5f5;
    --display-color: #ffffff;
    --text-color: #333333;
    --button-color: #e0e0e0;
    --button-hover: #d0d0d0;
    --operator-color: #f39c12;
    --operator-hover: #e67e22;
    --equals-color: #2ecc71;
    --equals-hover: #27ae60;
    --function-color: #95a5a6;
    --function-hover: #7f8c8d;
    --sci-color: #9b59b6;
    --sci-hover: #8e44ad;
    --error-color: #e74c3c;
}

.theme-dark {
    --primary-color: #3498db;
    --secondary-color: #2980b9;
    --background-color: #2c3e50;
    --display-color: #34495e;
    --text-color: #ecf0f1;
    --button-color: #34495e;
    --button-hover: #2c3e50;
    --operator-color: #f39c12;
    --operator-hover: #e67e22;
    --equals-color: #2ecc71;
    --equals-hover: #27ae60;
    --function-color: #7f8c8d;
    --function-hover: #95a5a6;
    --sci-color: #9b59b6;
    --sci-hover: #8e44ad;
    --error-color: #e74c3c;
}

.theme-pro {
    --primary-color: #3498db;
    --secondary-color: #2980b9;
    --background-color: #1a1a1a;
    --display-color: #252525;
    --text-color: #ffffff;
    --button-color: #333333;
    --button-hover: #444444;
    --operator-color: #ff9500;
    --operator-hover: #ffaa33;
    --equals-color: #34c759;
    --equals-hover: #30d158;
    --function-color: #505050;
    --function-hover: #606060;
    --sci-color: #af52de;
    --sci-hover: #ba68c8;
    --error-color: #ff3b30;
}