/* ================================================================
   THEME "OCTOBRE ROSE"
   À charger APRES main.css ET themes-common.css
   (fait automatiquement par themes.php, rien à faire côté HTML).
   ================================================================ */

:root {
    --primary: #ff4f9a;
    --primary-light: #ff8fc5;
    --secondary: #c2005f;
    --accent: #ffb6d9;

    --primary-rgb: 255, 79, 154;
    --secondary-rgb: 194, 0, 95;
    --accent-rgb: 255, 182, 217;

    --ember: #ff2e87;
    --ember-dark: #c2005f;
    --ember-rgb: 255, 46, 135;

    --shadow-glow: 0 8px 30px rgba(255, 79, 154, 0.35);
}

/* Overlays des sections à image de fond, teintés rose au lieu de bleu */
.hero-overlay {
    background:
        linear-gradient(180deg, rgba(30, 5, 20, 0.35) 0%, rgba(30, 5, 20, 0.55) 55%, rgba(18, 3, 13, 0.92) 100%),
        linear-gradient(135deg, rgba(194, 0, 95, 0.45) 0%, rgba(18, 3, 13, 0.6) 100%);
}

.stats-overlay,
.cta-overlay {
    background: linear-gradient(135deg, rgba(194, 0, 95, 0.5) 0%, rgba(18, 3, 13, 0.75) 100%);
}

/* Icônes flottantes du hero : rubans, mouvement doux de "flottaison" */
.theme-float i {
    color: rgba(255, 143, 197, 0.5);
}

.theme-float i:nth-child(1) { left: 8%;  top: 20%; font-size: 1.6rem; animation: theme-icons-drift 9s  ease-in-out infinite 0s;   }
.theme-float i:nth-child(2) { left: 22%; top: 65%; font-size: 1.1rem; animation: theme-icons-drift 10s ease-in-out infinite 1.2s; }
.theme-float i:nth-child(3) { left: 40%; top: 15%; font-size: 2rem;   animation: theme-icons-drift 8s  ease-in-out infinite 2.4s; }
.theme-float i:nth-child(4) { left: 62%; top: 70%; font-size: 1.3rem; animation: theme-icons-drift 11s ease-in-out infinite 3.6s; }
.theme-float i:nth-child(5) { left: 78%; top: 25%; font-size: 1.8rem; animation: theme-icons-drift 9.5s ease-in-out infinite 4.8s; }
.theme-float i:nth-child(6) { left: 90%; top: 60%; font-size: 1.2rem; animation: theme-icons-drift 10.5s ease-in-out infinite 6s; }