:root {
    --primary: #1e40af;
    --secondary: #1d4ed8;
    --accent: #3b82f6;
}

.bg-primary { background-color: var(--primary); }
.text-primary { color: var(--primary); }
.border-primary { border-color: var(--primary); }

.bg-gradient-custom { 
    background: linear-gradient(135deg, var(--primary), var(--secondary)); 
}

.scroll-smooth { scroll-behavior: smooth; }

.mobile-menu {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 280px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: var(--primary);
}

.mobile-menu.closed { transform: translateX(-100%); }