:root {
    --primary-color: rgb(39, 68, 114);
    --secondary-color: rgb(100, 125, 153);
    --primary-gradient: linear-gradient(to top, rgb(39, 68, 114) 0%, rgb(100, 125, 153) 100%);
    --primary-gradient-hover: linear-gradient(135deg, rgb(147, 197, 253) 0%, rgb(30, 58, 138) 100%);
    --primary-gradient-header: linear-gradient(135deg, rgb(30, 58, 138) 0%, rgb(147, 197, 253) 100%);
    --primary-color-hover: rgb(147, 197, 253);
    --primary-button-color: rgb(1, 72, 152);
    --primary-button-gradient: linear-gradient(135deg, rgb(0, 50, 120) 0%, rgb(1, 72, 152) 100%);
    --dark-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    --accent-color: rgb(147, 197, 253);
    --success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --info-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.2);
    --shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-large: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --glass-bg-header: rgba(255, 255, 255, 0.85);
    /* Footer */
    --footer-primary-color: rgb(28 28 28);
    --footer-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%);
}