/* ============================================================
   FÊTE MÉDIÉVALE DE REMOUCHAMPS — Thème commun
   Charte graphique officielle
   ============================================================ */

:root {
  /* Couleurs principales */
  --mauve:        #831F82;
  --mauve-dk:     #6E1A4E;
  --mauve-lt:     #a03ca0;

  /* Orange */
  --orange:       #F47D0D;
  --orange-lt:    #ff9b3e;
  --orange-dk:    #c96200;

  /* Parchemin / fonds */
  --parchment:    #f5ead3;
  --parchment-md: #ead9b8;
  --parchment-dk: #ddc899;

  /* Texte */
  --ink:          #2a1c12;
  --ink-soft:     #5a4232;
  --shadow:       rgba(50,10,50,.2);

  /* Hero overlay */
  --hero-overlay-opacity: 0.4;

  /* Polices */
  --font-head:    'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  --font-body:    Georgia,'Times New Roman',serif;
}

/* Reset minimal */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

/* Base */
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--parchment);
  font-size: 1.05rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { font-family: var(--font-head); line-height: 1.2; letter-spacing: .04em; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

/* Conteneur centré */
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 22px; }

/* ============================================================
   HERO COMMUN — toutes pages sauf accueil
   ============================================================ */
.hero{position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center;background:var(--mauve-dk);border-bottom:3px solid var(--orange)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-overlay{position:absolute;inset:0;background:rgba(110,26,78,var(--hero-overlay-opacity))}
.hero-content{position:relative;z-index:2;text-align:center;color:#fff;padding:56px 24px;max-width:720px;margin:0 auto}
.hero-eyebrow{font-family:var(--font-head);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:14px}
.hero-eyebrow::before,.hero-eyebrow::after{content:'';flex:1;max-width:60px;height:1px;background:var(--orange);opacity:.7}
.hero h1{font-family:var(--font-head);font-size:clamp(2rem,5.5vw,3.4rem);font-weight:400;letter-spacing:.04em;text-shadow:0 2px 14px rgba(0,0,0,.55);margin-bottom:0}
.hero-sub{margin-top:14px;font-style:italic;color:#e4d4b6;font-size:1rem;line-height:1.6;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.hero-divider{width:56px;height:3px;background:var(--orange);margin:18px auto 0;border-radius:2px}