/* ==========================================================================
   CSS Variables & Theme Setup
   ========================================================================== */
:root {
    /* Colors */
    --primary-blue: #4A8FE7;
    --primary-blue-dark: #357ABD;
    --secondary-blue: #2A4878;
    
    /* Typography */
    --font-family: 'Inter', sans-serif;
}

body {
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
}

/* Custom Helpers */
.tracking-wider {
    letter-spacing: 1.5px;
}
.tracking-wide {
    letter-spacing: 1px;
}

.transition-hover {
    transition: all 0.3s ease;
}
.transition-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.12) !important;
}

.hover-gap {
    transition: all 0.3s ease;
}
.hover-gap:hover {
    gap: 12px !important;
    color: var(--primary-blue-dark) !important;
}

.hover-white:hover {
    color: white !important;
}