:root {
    --color-primary: #b7dbfd;
    --color-secondary: #101322;
}

body {
    background-color: #050505;
    color: #f4f4f5;
    font-family: 'Space Grotesk', sans-serif;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.serif {
    font-family: 'Space Grotesk', sans-serif;
}

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

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

.magnetic-btn {
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Logo Protection */
img[src*="logo"],
.logo-img {
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}


/* Failsafe Visibility Removed */

/* Mobile Menu */
.mobile-menu-overlay {
    transition: transform 0.6s cubic-bezier(0.7, 0, 0.2, 1);
    background-color: #050505;
}


/* Outline Text Utility */
.text-stroke {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
    color: transparent;
}

.text-stroke:hover {
    -webkit-text-stroke: 1px #b7dbfd;
    color: #b7dbfd;
}