/**
 * Palette de dégradés EC2M — partagée par tous les templates.
 *
 * Chaque template scope son CSS sous une classe de body « ec2m-… » et déclare
 * les mêmes variables (--navy, --blue, --cream…). Comme les <style> en ligne
 * sont imprimés AVANT wp_head(), cette feuille passe après et peut surcharger.
 * Les sélecteurs body[class*="ec2m-"] gagnent d'un point de spécificité sur les
 * règles scopées des templates, sans avoir à toucher aux 26 fichiers.
 *
 * @package MYEC2M
 */

/* ============================================================
   1. Jetons de dégradé
   ============================================================ */
body[class*="ec2m-"] {
    --blue-bright: #2563EB;
    --blue-electric: #1D4FD8;
    --blue-light: #6E9BFF;
    --gold-light: #E2B75C;
    --cyan: #22A6E8;

    --grad-hero:
        radial-gradient(1100px 620px at 94% 4%, rgba(37, 99, 235, .20), transparent 62%),
        radial-gradient(820px 520px at 2% 0%, rgba(226, 183, 92, .20), transparent 58%),
        linear-gradient(142deg, #FBFAF6 0%, #F4F6FE 44%, #E4ECFE 100%);
    --grad-deep:
        radial-gradient(900px 540px at 88% 16%, rgba(37, 99, 235, .55), transparent 62%),
        radial-gradient(700px 480px at 6% 92%, rgba(23, 57, 149, .55), transparent 60%),
        linear-gradient(140deg, #070F2B 0%, #0C1B47 46%, #16409E 100%);
    --grad-blue: linear-gradient(152deg, #2F6DF6 0%, #1D4FD8 52%, #17379B 100%);
    --grad-navy: linear-gradient(158deg, #21479B 0%, #132C73 58%, #0B1A49 100%);
    --grad-cta:
        radial-gradient(760px 420px at 92% 10%, rgba(47, 109, 246, .75), transparent 60%),
        linear-gradient(118deg, #0A1638 0%, #13306F 48%, #2563EB 100%);
    --grad-gold: linear-gradient(145deg, #E2B75C, #C2943E);
    --grad-cyan: linear-gradient(145deg, #36BDF3, #1D7FD8);
}

/* ============================================================
   2. Fond de page — voile coloré très léger sous tout le contenu
   ============================================================ */
body[class*="ec2m-"] {
    background:
        radial-gradient(1000px 620px at 100% 0%, rgba(37, 99, 235, .07), transparent 62%),
        radial-gradient(760px 520px at 0% 10%, rgba(226, 183, 92, .07), transparent 58%),
        var(--cream, #FBFAF6);
}

/* ============================================================
   3. Hero — aucun template (hors accueil) ne déclarait de fond ici
   ============================================================ */
body[class*="ec2m-"] .hero {
    background: var(--grad-hero);
    position: relative;
}

/* Bandeau de titre des pages qui en ont un */
body[class*="ec2m-"] .page-hero {
    background: var(--grad-deep);
}

/* ============================================================
   4. Boutons
   ============================================================ */
body[class*="ec2m-"] .btn-primary {
    box-shadow: 0 18px 34px -22px rgba(12, 27, 71, .9);
}

body[class*="ec2m-"] .btn-primary:hover {
    background: var(--grad-blue);
    box-shadow: 0 22px 40px -20px rgba(37, 99, 235, .85);
}

/* ============================================================
   5. Cartes
   ============================================================ */
/* Liseré dégradé qui se déploie au survol */
body[class*="ec2m-"] .sc-card {
    position: relative;
    overflow: hidden;
}

body[class*="ec2m-"] .sc-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--grad-blue);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s cubic-bezier(.2, .7, .3, 1);
}

body[class*="ec2m-"] .sc-card:hover::before {
    transform: scaleX(1);
}

/* Cartes sombres */
body[class*="ec2m-"] .info-card {
    background: var(--grad-navy);
}

/* ============================================================
   6. Blocs de chiffres
   ============================================================ */
body[class*="ec2m-"] .stats {
    background:
        radial-gradient(700px 420px at 12% 10%, rgba(37, 99, 235, .12), transparent 58%),
        radial-gradient(600px 380px at 92% 90%, rgba(226, 183, 92, .12), transparent 55%),
        linear-gradient(170deg, #F4F6FE, #EFF3FD);
}

/* L'accueil a son propre bloc chiffres, en version sombre. */
body.ec2m-home .stats {
    background: var(--grad-navy);
}

/* ============================================================
   7. Préférence « moins d'animations »
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    body[class*="ec2m-"] .sc-card::before {
        transition: none;
    }
}