/* Custom Tokens & Utilities */
:root {
    --brand-blue: #003366;
    --brand-gold: #D4AF37;
    --brand-red: #D22B2B;
}

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Premium Card & Panel Styles */
.glass-panel {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

.shadow-premium {
    box-shadow: 0 10px 15px -3px rgba(0, 51, 102, 0.1), 0 4px 6px -2px rgba(0, 51, 102, 0.05);
}

.blue-gradient {
    background: linear-gradient(135deg, #003366 0%, #004d99 100%);
}

.gold-gradient {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%);
}

/* Custom Progress Bar Animation */
@keyframes fillBar {
    from { width: 0; }
    to { width: var(--target-width); }
}

.animate-fill {
    animation: fillBar 1.5s ease-out forwards;
}

/* Form Polish */
input:focus, select:focus {
    border-color: var(--brand-blue) !important;
    box-shadow: 0 0 0 4px rgba(0, 51, 102, 0.1) !important;
}

/* Hide scrollbar for horizontal scrolling */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}