body {
    background-color: #faf6f0;
    color: #2d2727;
    margin: 0;
    overflow-x: hidden;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Premium Typography Tracking */
.serif-headline {
    font-family: 'Playfair Display', serif;
}

.luxury-tracking {
    letter-spacing: 0.15em;
}

/* Glass panel styled with warm clay/cream tint */
.clay-panel {
    background: rgba(250, 246, 240, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(45, 39, 39, 0.08);
}

.clay-panel-dark {
    background: rgba(45, 39, 39, 0.9);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* 3D Floating ingredients config */
.preserve-3d {
    transform-style: preserve-3d;
}

.blend-ingredient {
    mix-blend-mode: multiply;
    filter: contrast(1.2) brightness(1.05);
}

/* Custom subtle luxury dividers */
.warm-divider {
    height: 1px;
    background: linear-gradient(90deg, rgba(45,39,39,0) 0%, rgba(45,39,39,0.08) 50%, rgba(45,39,39,0) 100%);
}

.warm-divider-light {
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0) 100%);
}

/* 3D marble board styling */
.marble-board {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 30px 60px -15px rgba(45, 39, 39, 0.15);
}

.marble-board:hover {
    box-shadow: 0 45px 80px -20px rgba(45, 39, 39, 0.25);
}