/* ═══════════════════════════════════════════════
   COCOONING — identité claire pour Les Bougies STEREL
   Crème (cire de soja) + sauge (nature) + anthracite (lecture) +
   boutons taupe mat (premium, visible). Complète theme-custom.css
   (généré par admin/couleurs.php). Contrairement au thème sombre
   précédent, la carte "blanche" native du site n'a plus besoin d'être
   recolorée : elle est déjà cohérente sur un fond clair.
   ═══════════════════════════════════════════════ */

:root {
    --shadow-sm: 0 2px 10px rgba(43,43,43,.05), 0 1px 3px rgba(43,43,43,.04);
    --shadow-md: 0 6px 22px rgba(43,43,43,.07), 0 2px 6px rgba(43,43,43,.05);
    --shadow-lg: 0 14px 38px rgba(43,43,43,.09), 0 4px 12px rgba(43,43,43,.06);
    --shadow-xl: 0 20px 52px rgba(43,43,43,.11), 0 6px 16px rgba(43,43,43,.07);
    --shadow-gold: 0 8px 28px rgba(143,160,128,.28);
}

/* Grain très subtil — matière douce, pas un effet marqué */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .025;
    mix-blend-mode: multiply;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Médaillons "cachet de cire" (valeurs, contact) — plein sauge, icône anthracite */
.value-icon,
.info-icon {
    /* sauge claire en dur : var(--accent) est volontairement la sauge foncée
       (texte AA-safe) — trop sombre associée à une icône anthracite dessus */
    background: #8FA080;
    box-shadow: 0 6px 16px rgba(143,160,128,.3), inset 0 1px 0 rgba(255,255,255,.35);
}
.value-icon i,
.info-icon i {
    color: var(--primary) !important;
}
.value-card:hover .value-icon,
.contact-info-card:hover .info-icon {
    background: #7C9270;
    transform: scale(1.06);
}

/* var(--accent) est la sauge claire (correcte en fond de médaillon avec une
   icône anthracite dessus) — trop pâle comme texte/contour sur fond clair,
   donc ces deux usages prennent la sauge profonde en dur pour un contraste
   AA garanti (~5:1 sur blanc/crème). */
:focus-visible { outline-color: #5F7355; }
.promo-banner-text i { color: #5F7355; }

/* ── Feedback instantané au pointer-down — pas au relâcher (skill apple-design §1) ── */
.btn-primary-large,
.btn-add-cart,
.hero-cta,
.minicart-btn-checkout,
.minicart-btn-view,
.minicart-close,
.minicart-item-qty button {
    transition: transform 100ms ease-out, background 200ms ease, color 200ms ease, border-color 200ms ease;
}
.btn-primary-large:active,
.btn-add-cart:active,
.hero-cta:active,
.minicart-btn-checkout:active,
.minicart-btn-view:active {
    transform: scale(0.97);
}
.minicart-close:active { transform: scale(0.9); }
.minicart-item-qty button:active { transform: scale(0.9); }