html, body {
    overflow-x: hidden;
    background-color: #fefae0;
    color: #1d1c0d;
}

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

.organic-shape {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}

.soft-card-shadow {
    box-shadow: 0 20px 25px -5px rgba(110, 92, 55, 0.05), 0 8px 10px -6px rgba(110, 92, 55, 0.05);
}

.hero-pattern {
    background-color: #fefae0;
    background-image: radial-gradient(#d4c4b7 0.5px, transparent 0.5px);
    background-size: 24px 24px;
}

.tonal-card {
    box-shadow: 0 4px 20px rgba(110, 92, 55, 0.1);
}