:root {
            /* ─── EA Brand ─────────────────────────────────────────── */
            --ea-navy: #0D1144;
            --ea-navy-700: #1A2068;
            --ea-navy-100: #D5D7EA;
            --ea-navy-50: #F0F1F8;
            --ea-accent: #FF6B35;

            /* ─── Functional ───────────────────────────────────────── */
            --ea-success: #16A34A;
            --ea-success-bg: #F0FDF4;
            --ea-success-border: #BBF7D0;
            --ea-warning: #B45309;
            --ea-warning-bg: #FFFBEB;
            --ea-warm-bg: #FAF8F3;

            /* ─── Grays ────────────────────────────────────────────── */
            --ea-gray-50: #F9FAFB;
            --ea-gray-100: #F3F4F6;
            --ea-gray-200: #E5E7EB;
            --ea-gray-300: #D1D5DB;
            --ea-gray-400: #9CA3AF;
            --ea-gray-500: #6B7280;
            --ea-gray-700: #374151;
            --ea-gray-900: #111827;

            /* ─── Spacing (8pt grid) ───────────────────────────────── */
            --ea-space-1: 4px;
            --ea-space-2: 8px;
            --ea-space-3: 12px;
            --ea-space-4: 16px;
            --ea-space-5: 20px;
            --ea-space-6: 24px;
            --ea-space-8: 32px;

            /* ─── Radius ───────────────────────────────────────────── */
            --ea-radius-sm: 4px;
            --ea-radius-md: 8px;
            --ea-radius-lg: 12px;
            --ea-radius-xl: 16px;
            --ea-radius-2xl: 20px;
            --ea-radius-full: 9999px;

            /* ─── Shadows ──────────────────────────────────────────── */
            --ea-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
            --ea-shadow-lg-navy: 0 10px 20px -8px rgba(13, 17, 68, 0.20);
            --ea-shadow-cta-navy: 0 8px 16px -4px rgba(13, 17, 68, 0.30);
            --ea-shadow-2xl-top: 0 -8px 24px -8px rgba(0, 0, 0, 0.12);

            /* ─── Typography ───────────────────────────────────────── */
            --ea-font-sans: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }

        /* ─── Base classes utility ea-cv3-* ────────────────────────── */
        .ea-cv3-card {
            background: #FFFFFF;
            border: 1px solid var(--ea-gray-200);
            border-radius: var(--ea-radius-xl);
            padding: var(--ea-space-4);
        }
        .ea-cv3-label-uppercase {
            font-family: var(--ea-font-sans);
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--ea-gray-500);
        }
        .ea-cv3-btn-primary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background: var(--ea-navy);
            color: #FFFFFF;
            font-family: var(--ea-font-sans);
            font-weight: 700;
            font-size: 16px;
            line-height: 1;
            min-height: 48px;
            padding: 0 20px;
            border: none;
            border-radius: var(--ea-radius-lg);
            cursor: pointer;
            transition: transform 0.15s ease, box-shadow 0.2s ease;
            -webkit-tap-highlight-color: transparent;
        }
        .ea-cv3-btn-primary:hover {
            background: var(--ea-navy-700);
        }
        .ea-cv3-btn-primary:active {
            transform: scale(0.98);
        }
        .ea-cv3-btn-primary:focus-visible {
            outline: none;
            box-shadow: 0 0 0 3px rgba(13, 17, 68, 0.25);
        }
        .ea-cv3-sr-only {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            white-space: nowrap !important;
            border: 0 !important;
        }

        /* ─── Typo override : Manrope sur le block panier ─────────── */
        body.woocommerce-cart .wp-block-woocommerce-cart,
        body.woocommerce-checkout .wp-block-woocommerce-checkout,
        .ea-cv3-section {
            font-family: var(--ea-font-sans);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* ─── Anti-zoom iOS sur inputs ─────────────────────────────── */
        @media (max-width: 768px) {
            body.woocommerce-cart input[type="text"],
            body.woocommerce-cart input[type="email"],
            body.woocommerce-cart input[type="tel"],
            body.woocommerce-cart input[type="number"],
            body.woocommerce-checkout input[type="text"],
            body.woocommerce-checkout input[type="email"],
            body.woocommerce-checkout input[type="tel"],
            body.woocommerce-checkout input[type="number"],
            body.woocommerce-checkout select {
                font-size: 16px !important;
            }
        }