/* Base */
body {
    background-color: #1c1110;
    color: #f4dddb;
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, .nav-link {
    font-family: 'Manrope', sans-serif;
}

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

/* Glassmorphism */
.glass-panel {
    background: rgba(41, 29, 27, 0.7);
    backdrop-filter: blur(20px);
}

.glass-card {
    background: rgba(41, 29, 27, 0.6);
    backdrop-filter: blur(20px);
}

/* Hero overlays */
.hero-gradient {
    background: linear-gradient(to bottom, rgba(28, 17, 16, 0.4), rgba(28, 17, 16, 1));
}

.hero-overlay {
    background: linear-gradient(to right, rgba(28, 17, 16, 0.95) 0%, rgba(28, 17, 16, 0.7) 50%, rgba(28, 17, 16, 0.4) 100%);
}

.hero-bottom-gradient {
    background: linear-gradient(to top, rgba(28, 17, 16, 1) 0%, rgba(28, 17, 16, 0.4) 40%, transparent 100%);
}

/* Gradient text */
.text-primal {
    background: linear-gradient(90deg, #ffb4a9, #fe5545);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Shadows */
.editorial-shadow {
    box-shadow: 0 20px 40px rgba(28, 17, 16, 0.4);
}

/* Monkey watermark / mask */
.monkey-watermark {
    mask-image: url('https://placehold.co/400x400/png?text=Uakari');
    mask-repeat: no-repeat;
    mask-position: center;
    opacity: 0.05;
}

.mask-monkey {
    mask-image: url('https://api.iconify.design/material-symbols:smart-toy-outline.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
}

/* Navigation */
.nav-bg {
    background-color: #FCE5D5;
}

/* Cookie Banner */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: rgba(22, 11, 10, 0.92);
    backdrop-filter: blur(16px);
    border-top: 1px solid rgba(126, 41, 40, 0.3);
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.cookie-banner.show {
    transform: translateY(0);
}

/* Scrollbar */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}