/* Charte graphique Mogoya — couleurs relevées sur le logo */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800&family=Open+Sans:wght@400;600&display=swap');

:root {
  /* Couleurs du logo */
  --mogoya-brun: #432203;     /* brun profond : textes, fonds sombres */
  --mogoya-orange: #e47c23;   /* orange : accents, boutons, liens */
  --mogoya-sable: #ecb767;    /* sable : fonds de section, cartes */
  --mogoya-blanc: #ffffff;

  /* Déclinaisons */
  --mogoya-brun-clair: #6b3d14;
  --mogoya-orange-fonce: #c4641a;
  --mogoya-sable-clair: #f7e3c3;
  --mogoya-creme: #fdf6ec;

  /* Rôles */
  --bg: var(--mogoya-creme);
  --surface: var(--mogoya-blanc);
  --text: var(--mogoya-brun);
  --text-muted: var(--mogoya-brun-clair);
  --accent: var(--mogoya-orange);
  --accent-hover: var(--mogoya-orange-fonce);

  /* Typographie */
  --font-titre: 'Montserrat', system-ui, sans-serif;
  --font-texte: 'Open Sans', system-ui, sans-serif;

  --radius: 6px;
  --container: 1180px;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-texte);
  line-height: 1.6;
}

h1, h2, h3, h4 { font-family: var(--font-titre); font-weight: 800; line-height: 1.2; }
a { color: var(--accent); }
a:hover { color: var(--accent-hover); }

.btn {
  display: inline-block;
  padding: .8rem 1.6rem;
  border-radius: var(--radius);
  font-family: var(--font-titre);
  font-weight: 700;
  text-decoration: none;
  background: var(--accent);
  color: var(--mogoya-blanc);
  transition: background .2s;
}
.btn:hover { background: var(--accent-hover); color: var(--mogoya-blanc); }
.btn--outline { background: transparent; color: var(--mogoya-brun); box-shadow: inset 0 0 0 2px var(--mogoya-brun); }
.btn--outline:hover { background: var(--mogoya-brun); color: var(--mogoya-blanc); }

/* Bandeau triangulaire inspiré des motifs du logo */
.motif {
  height: 14px;
  background:
    linear-gradient(135deg, var(--mogoya-brun) 25%, transparent 25%) -7px 0 / 14px 14px,
    linear-gradient(225deg, var(--mogoya-orange) 25%, transparent 25%) -7px 0 / 14px 14px,
    var(--mogoya-sable);
}