.storefront {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
        }
        
        :root {
            /* Theme defaults */
            --font-size-base: 16px;
            --text-color-primary: #0f172a;
            --text-color-secondary: #4b5563;
            --text-color-tertiary: #6b7280;
            --page-default-spacing: 24px;

            /* Website palette */
            --theme-color-50: #9cffff4d;
--theme-color-100: #8dffff80;
--theme-color-200: #6effffb3;
--theme-color-300: #4de5ff;
--theme-color-400: #1cccef;
--theme-color-500: #00b3d5;
--theme-color-600: #009bbc;
--theme-color-700: #0083a4;
--theme-color-800: #006c8c;
--theme-color-900: #005675;
        }
        
/* Custom CSS */
/* 2026-10-10 : espace autour des boutons de contenu */
.storefront-button { margin: 0.75rem 0.4rem; }

/* Vague 3, palier A (10/10/2026) : boutons pleins en vert ABC foncé #1F7A50 (contraste 5,3 au lieu de 2,5 pour le cyan), survol #18633F. Bannière cookies non concernée. */
section .storefront-customer-account-button[data-variant=theme],
section .storefront-customer-account-button[data-variant=theme]::before,
section .storefront-button-plain{background-color:#1F7A50!important;border-color:#1F7A50!important;color:#fff!important}
section .storefront-customer-account-button[data-variant=theme]:hover::before,
section .storefront-button-plain:hover{background-color:#18633F!important}

/* Vague 3, palier B (10/10/2026) : kickers, hiérarchie des titres, masquage visuel des sous-titres H2 vides du bloc Présentation (correctif de fond demandé à Stageo). */
.storefront-section-header-label,.storefront-split-hero-label,.storefront-feature-highlight-label{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;color:#2e748f}
.storefront-section-banner-title{font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-.02em;line-height:1.15}
.storefront-section-header-title,.storefront-split-hero-title{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.01em;line-height:1.2;font-weight:700}
.storefront-feature-highlight-title{font-weight:700}
.storefront-feature-highlight-subtitle:empty{display:none}

/* Vague 3, palier C (10/10/2026) : images arrondies avec ombre douce, boutons en pilule avec léger relief au survol. */
.storefront-split-hero-image,.storefront-feature-highlight-image,.storefront-image img{border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,86,117,.12)}
.storefront-button,section .storefront-customer-account-button,section .storefront-customer-account-button::before{border-radius:999px}
.storefront-button,section .storefront-customer-account-button{font-weight:600;transition:transform .15s ease,box-shadow .15s ease}
.storefront-button:hover,section .storefront-customer-account-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.18)}

/* Vague 3, palier D (10/10/2026) : FAQ en cartes, défilement doux. */
.storefront-faq-item{border:1px solid #d7eef3;border-radius:12px;margin-bottom:8px;padding:16px;background:#fff}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}