/* ============================================================
   Breizh Caisse — bc-theme.css
   Variables de marque uniquement. Aucune regle de mise en page.
   Source palette : PERSONNALISATION BREIZH CAISSE.pdf
   A charger APRES bootstrap.min.css et AVANT site.css.
   ============================================================ */

:root {
    /* --- Palette officielle --- */
    --bc-light1: #F0DFB6;   /* beige clair */
    --bc-light2: #DBB369;   /* or chaud */
    --bc-normal: #AA804A;   /* bronze */
    --bc-dark1:  #514B4C;   /* gris anthracite */
    --bc-dark2:  #272726;   /* quasi noir */
    --bc-primary-deep: #8A6A3E;  /* bronze profond, etats de survol */
    /* Bronze assombri de 27 %, meme teinte : seule nuance qui tienne le
       contraste AA (>= 4.5) sur blanc, beige dilue ET beige clair.
       A utiliser pour tout petit texte et tout aplat portant du texte. */
    --bc-primary-texte: #7C5D36;
    --bc-primary-texte-fonce: #634C2C;   /* survol des aplats */

    /* --- Alias semantiques --- */
    --bc-primary:         var(--bc-normal);
    --bc-primary-light:   var(--bc-light2);
    --bc-primary-lighter: var(--bc-light1);
    --bc-primary-dark:    var(--bc-dark1);
    --bc-primary-darker:  var(--bc-dark2);

    /* --- Surfaces et texte --- */
    --bc-bg:        #ffffff;
    --bc-bg-soft:   #FBF7EE;   /* beige tres dilue, sections alternees */
    --bc-surface:   #ffffff;
    --bc-header-bg: var(--bc-dark2);
    --bc-border:    #E3D8BC;
    --bc-text:      var(--bc-dark2);
    --bc-muted:     var(--bc-dark1);
    --bc-on-dark:   #F7F3EA;   /* texte pose sur fond sombre */

    /* --- Etats --- */
    --bc-danger:  #C62828;
    --bc-success: #2E7D32;

    /* --- Degrades --- */
    --bc-gradient:    linear-gradient(135deg, var(--bc-light2) 0%, var(--bc-normal) 50%, var(--bc-dark1) 100%);
    --bc-gradient-sm: linear-gradient(135deg, var(--bc-light2) 0%, var(--bc-normal) 100%);

    /* --- Ombres --- */
    --bc-shadow-sm: 0 2px 8px rgba(39, 39, 38, .09);
    --bc-shadow:    0 6px 20px rgba(170, 128, 74, .18);
    --bc-shadow-lg: 0 14px 40px rgba(39, 39, 38, .16);

    /* --- Rayons --- */
    --bc-radius-sm: .5rem;
    --bc-radius:    1rem;
    --bc-radius-lg: 1.5rem;

    /* --- Rythme vertical --- */
    --bc-section-y: clamp(3rem, 8vw, 6rem);

    /* --- Typographie : Montserrat, la police du logotype --- */
    --bc-font-display: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
    --bc-font-body:    "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
    /* Black (900) en titrage, comme le logo. */
    --bc-poids-titre:  900;

    /* --- Motifs : arcs du logo et grain, en data URI (aucune requete) --- */
    --bc-motif-arcs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23DBB369' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M20 78a30 30 0 0 1 60 0'/%3E%3Cpath d='M31 78a19 19 0 0 1 38 0'/%3E%3Cpath d='M42 78a8 8 0 0 1 16 0'/%3E%3C/g%3E%3C/svg%3E");
    --bc-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");

    /* --- Reperes de hauteur --- */
    --bc-header-h:    4.5rem;
    --bc-actionbar-h: 4rem;

    /* --- Reassignation Bootstrap --- */
    --bs-primary:          var(--bc-normal);
    --bs-primary-rgb:      170, 128, 74;
    --bs-dark:             var(--bc-dark2);
    --bs-dark-rgb:         39, 39, 38;
    --bs-body-color:       var(--bc-text);
    --bs-body-bg:          var(--bc-bg);
    --bs-border-color:     var(--bc-border);
    --bs-link-color:       var(--bc-primary-deep);
    --bs-link-color-rgb:   138, 106, 62;
    --bs-link-hover-color: var(--bc-dark1);
    --bs-border-radius:    var(--bc-radius-sm);
    --bs-border-radius-lg: var(--bc-radius);
    --bs-font-sans-serif:  var(--bc-font-body);
    --bs-body-font-family: var(--bc-font-body);
}
