/*
Theme Name: labaule-entreprises-v3
Author: ASTRAGA
Description: Thème custom La Baule Entreprises — V3 Stitch (hero photos, badges, circle icons, pill CTA)
Text Domain: labaule-entreprises-v3
Version: 3.0
*/

:root {
    /* Couleurs primaires — extraites du logo */
    --lbe-bleu:            #065A82;
    --lbe-bleu-fonce:      #043d58;
    --lbe-turquoise:       #009BA7;
    --lbe-dore:            #C8902A;

    /* Dérivées — fonds, hover */
    --lbe-bleu-clair:      #E8F4FA;
    --lbe-turquoise-clair: #E0F5F7;
    --lbe-dore-clair:      #FDF6EC;

    /* Neutrals */
    --lbe-blanc:      #FFFFFF;
    --lbe-noir:       #1E1E1E;
    --lbe-gris:       #6C6C6C;
    --lbe-gris-clair: #F5F5F5;
    --lbe-gris-border: #E0E0E0;

    /* Typographie */
    --lbe-font:     'Montserrat', sans-serif;

    /* Layout */
    --lbe-container: 1280px;
    --lbe-radius:    0.5rem;
    --lbe-radius-lg: 1rem;
    --lbe-radius-pill: 50px;
}

html { font-size: 16px; }
body {
    font-family: var(--lbe-font);
    font-size: 1rem;
    margin: 0;
    color: var(--lbe-noir);
    background-color: var(--lbe-blanc);
}
a {
    text-decoration: none;
    transition: color 0.2s ease;
    color: var(--lbe-turquoise);
}
a:hover { color: var(--lbe-bleu); }
img { height: auto; vertical-align: middle; max-width: 100%; }

.lbe-container {
    width: 90%;
    max-width: var(--lbe-container);
    margin: 0 auto;
}

/* Tailles mobiles */
@media screen and (max-width: 768px) {
    h1 { font-size: 1.85rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }
}