@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');

:root {
    --primary: #1A3A5F;
    --secondary: #E74C3C;
    --dark: #E67E22;
    --light: #F5F7FA;
    --accent: #E74C3C;
    --restaurant: #F687B3;
    --creator: #E67E22;
    --celebrity: #3498DB;
}

body {
    font-family: 'Tajawal', sans-serif;
    background-color: var(--light);
    scroll-behavior: smooth;
    overflow-x: hidden;
}


.mobile-menu {
    transition: all 0.3s ease;
    transform: translateX(100%);
}

.mobile-menu.active {
    transform: translateX(0);
}

.mobile-menu-overlay {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}
.gradient-bg {
  background: linear-gradient(135deg, #1A3A5F 0%, #E74C3C 100%);
}