/**
 * Global Background Theme based on Plaquette 2025-2026
 * Utilisé comme base pour tous les éléments de la page
 */

:root {
    --theme-primary: #E84C3D;
    --theme-secondary: #F39FB7;
    --theme-tertiary: #9B6BA8;
    --theme-bg-light: #f8f9fa;
    --global-bg-gradient: linear-gradient(135deg, var(--theme-bg-light) 0%, #e9ecef 100%);
}

body {
    background: var(--global-bg-gradient);
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
    margin: 0;
    color: #333;
}

/* Ajustement pour le contenu principal pour qu'il soit lisible sur le fond */
.main-public {
    background-color: #fff !important; /* Fond blanc opaque */
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    min-height: 80vh;
}

/* Typographie globale des titres publics: More Sugar regular sur H1 */
.main-public h1 {
    font-family: 'More Sugar', cursive !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-align: center !important;
}

/* Si vous voulez que le fond soit visible sur les côtés sur les grands écrans */
@media (min-width: 1200px) {
    .main-public {
        max-width: none;
        margin: 0;
        border-radius: 0;
    }
}

/* Typographie globale des titres publics */
.main-public h1 {
    font-family: 'More Sugar', cursive !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    text-align: center !important;
    font-synthesis: none;
}

/* Titres des formulaires (pages Qui sommes-nous & Habitants/Bénévoles) */
.main-public .contact-form h2 {
    font-family: 'More Sugar', cursive !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
}

/* Ensure all headings in public area use More Sugar */
.main-public h1,
.main-public h2,
.main-public h3,
.main-public h4,
.main-public h5,
.main-public h6 {
    font-family: 'More Sugar', cursive !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
}

.main-public img {
    max-width: 100%;
    height: auto;
    display: block;
}