/* ============================================================
   CHARTE AUGUST — variables propres à la maison
   (seul fichier propre à August ; base.css reste le gabarit commun)
   Source : Chartes graphiques/CHARTE-AGENT.md (relevé Canva 28/07/2026) + DESIGN.md
   TC Aurellia pour TOUT (charte officielle) ; TAN Kindred réservé au logo.
   ============================================================ */

@font-face {
  font-family: "Aurellia";
  src: url("../fonts/aurellia-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aurellia";
  src: url("../fonts/aurellia-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Couleurs — deux tons, comme les affiches : rouge sur blanc, blanc sur rouge */
  --couleur-principale: #820303;   /* rouge August (charte officielle) */
  --couleur-accent: #b2604f;       /* brique douce — filets, décor (August n'a pas d'or) */
  --couleur-accent-texte: #96473a; /* brique assombrie — surtitres sur clair (AA) */
  --fond: #faf6ef;                 /* blanc cassé des affiches */
  --fond-rgb: 250, 246, 239;       /* repli rgba() pour navigateurs sans color-mix() */
  --fond-sombre: #820303;          /* bandeau, footer — le fond plein des posts */
  --encre: #241a17;                /* texte courant */
  --encre-douce: #6e5c55;          /* texte secondaire */

  /* Typographies — TC Aurellia pour tout (charte) */
  --typo-titres: "Aurellia", Georgia, serif;
  --typo-intitules: "Aurellia", "Trebuchet MS", sans-serif;
  --typo-corps: "Aurellia", Georgia, serif;

  --style-titres: normal;
  --style-corps: italic;
}

/* L'en-tête porte le logo image (lettrage TAN Kindred réservé au logo) —
   sélecteurs plus spécifiques que base.css, chargé après ce fichier. */
.entete .entete__marque, .pied .pied__marque { transform: none; }
.entete__marque img { height: 40px; width: auto; display: block; }
.pied__marque img { height: 56px; width: auto; display: block; }
/* Le logo est rouge foncé : sur photo sombre, une pastille claire le porte. */
.entete--transparente:not(.entete--fond) .entete__marque img,
.pied__marque img { filter: none; }
.entete--transparente:not(.entete--fond) .entete__marque {
  background: rgba(var(--fond-rgb), 0.92);
  padding: 0.35rem 0.7rem;
}
.pied__marque {
  background: rgba(var(--fond-rgb), 0.94);
  padding: 0.45rem 0.8rem;
  display: inline-block;
}