/* ============================================
   BOAR Velp - Global Stylesheet
   ============================================ */

/* Google Material Symbols */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Base body styles */
body {
    background-color: #131313;
    color: #e5e2e1;
    font-family: 'Inter', sans-serif;
}

/* Font utility */
.font-space-grotesk {
    font-family: 'Space Grotesk', sans-serif;
}

/* Kinetic gradient overlay (used on hero sections) */
.kinetic-gradient {
    background: linear-gradient(180deg, rgba(19,19,19,0) 0%, rgba(19,19,19,0.9) 100%);
}

/* Technical dot grid background (contact page) */
.technical-grid {
    background-image: radial-gradient(circle, #353534 1px, transparent 1px);
    background-size: 40px 40px;
}

/* Glass header effect (overons page) */
.glass-header {
    background: rgba(14, 14, 14, 0.6);
    backdrop-filter: blur(20px);
}

/* Hero gradient overlay (overons page) */
.hero-gradient {
    background: linear-gradient(to bottom, rgba(14, 14, 14, 0) 0%, rgba(14, 14, 14, 1) 100%);
}

/* Mesh background (portfolio page) */
.bg-mesh {
    background-color: #0e0e0e;
    background-image: radial-gradient(at 0% 0%, rgba(255, 69, 0, 0.05) 0px, transparent 50%),
                      radial-gradient(at 100% 100%, rgba(255, 69, 0, 0.05) 0px, transparent 50%);
}