:root {
    --bg-creme: #F7F5F0;
    --vert-foret: #1D2E24;
    --vert-sauge: #93A394;
    --accent-terracotta: #cc6133;
}

body {
    background-color: var(--bg-creme);
    color: var(--vert-foret);
    font-family: 'Plus Jakarta Sans', sans-serif;
    overflow-x: hidden;
}

.grain-bg {
    background-image: radial-gradient(rgba(29, 46, 36, 0.05) 1px, transparent 0);
    background-size: 24px 24px;
}

/* Ombre et contour du mockup smartphone ajustés sur la nouvelle palette */
.phone-mockup {
    box-shadow: 0 25px 50px -12px rgba(21, 33, 26, 0.35), 0 0 0 10px #1D2E24, 0 0 0 12px #263B2F;
}

/* Utilitaires pour le conteneur du Reel */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.condition {
    font-size: 0.875rem; /* 14px */
    text-align: center;
    margin-top: 1rem; /* 16px */
}