body {
    font-family: 'Manrope', sans-serif;
    background-color: #131313;
    color: #e5e2e1;
    overflow-x: hidden;
}

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

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

.glass-nav {
    background-color: rgba(19, 19, 19, 0.8);
    backdrop-filter: blur(24px);
}

.text-gradient-primary {
    background: linear-gradient(135deg, theme('colors.primary'), theme('colors.primary-container'));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #b7c4ff, #0052ff);
}

.shadow-ambient {
    box-shadow: 0 20px 64px rgba(229, 226, 225, 0.06);
}

.hover-glow:hover {
    box-shadow: 0 0 20px rgba(171, 214, 0, 0.4);
}

.card-glow:hover {
    box-shadow: 0 10px 30px rgba(183, 196, 255, 0.1);
    transform: translateY(-4px);
}