/* ============================================================
   CHARTE TOTO'S — variables propres à la maison
   (seul fichier propre à Toto's ; base.css reste le gabarit commun)
   Source : Chartes graphiques/CHARTE-AGENT.md + DESIGN.md
   ============================================================ */

@font-face {
  font-family: "Arpona";
  src: url("../fonts/arpona-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aurellia Round";
  src: url("../fonts/aurellia-round.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 */
  --couleur-principale: #72160d;   /* rouge brique Toto's (charte officielle) */
  --couleur-accent: #c08a4f;       /* caramel « bord de pizza » — filets, décor */
  --couleur-accent-texte: #8a5f33; /* caramel assombri — surtitres sur clair (AA) */
  --couleur-accent-heros: #dca75f; /* or lumineux — surtitres sur photo de héros, lisible grâce à l'ombre portée (validation 30/07/2026) */
  --fond: #f6f1e6;                 /* crème de la carte imprimée */
  --fond-rgb: 246, 241, 230;       /* repli rgba() pour navigateurs sans color-mix() */
  --fond-sombre: #72160d;          /* bandeau, footer */
  --encre: #221a15;                /* texte courant */
  --encre-douce: #6b5d52;          /* texte secondaire */

  /* Typographies (fichiers du graphiste, usages de la charte) */
  --typo-titres: "Arpona", "Trebuchet MS", sans-serif;          /* titres + prix — DROITS */
  --typo-intitules: "Aurellia Round", "Trebuchet MS", sans-serif; /* nav, labels */
  --typo-corps: "Aurellia", Georgia, serif;                     /* descriptions — italique */

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

/* L'en-tête porte le logo image (le wordmark script n'existe pas en police) :
   pas de rotation ni de graisse texte sur la marque (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: 46px; width: auto; display: block; }
.pied__marque img { height: 64px; width: auto; display: block; }

/* Deux logos dans l'en-tête : blanc sur le héros, brique dès que
   l'en-tête prend son fond crème (sinon le blanc disparaît). */
.entete .marque--encre { display: none; }
.entete--fond .marque--claire { display: none; }
.entete--fond .marque--encre { display: block; }