/* ==========================================================================
   MARQUES — tout ce qui distingue Meat & Doria de S.I.D.A.T.
   --------------------------------------------------------------------------
   La marque est portée par l'attribut data-marque de <html>. Les composants
   ne connaissent QUE ces jetons : changer une couleur ici la change partout.
   ========================================================================== */

/* ------------------------------------------------------------ Meat & Doria */
[data-marque="meat"] {
  --marque: #1C6FA9;                 /* le bleu de la barre en production */
  --marque-sombre: #155A8A;
  --marque-voile: #EAF3FA;
  --marque-trait: #BCD6EB;
  --sur-marque: #FFFFFF;             /* texte posé sur la couleur de marque : 5,4:1 */
  --accent-texte: #1C6FA9;           /* texte d'accent sur fond clair */
  --accent-sur-nuit: #7DB9E6;        /* accent sur fond sombre : 7,5:1 */

  --nuit: var(--md-nuit);
  --nuit-2: var(--md-nuit-2);
  --clair-sur-nuit: var(--md-clair-sur-nuit);

  --annonce-fond: var(--marque);
  --annonce-texte: #FFFFFF;
  --nav-fond: var(--md-papier);
  --nav-texte: var(--md-encre-2);
  --nav-texte-actif: var(--md-encre);
  --nav-trait: var(--md-trait);

  --bouton-fond: var(--marque);
  --bouton-texte: var(--sur-marque);
  --bouton-fond-survol: var(--marque-sombre);
  --bouton-texte-survol: #FFFFFF;

  --h-logo: 64px;                    /* écusson presque carré */
  --focus: var(--marque);
}

/* -------------------------------------------------------------- S.I.D.A.T. */
[data-marque="sidat"] {
  --jaune: #FFF201;                  /* le jaune de la barre en production (md-france.fr emploie #F5C400) */
  --marque: var(--jaune);
  --marque-sombre: #E3D600;
  --marque-voile: #FFFBD6;
  --marque-trait: #E9DC45;
  --sur-marque: #161616;             /* le blanc sur ce jaune ne tient que 1,2:1 */
  --accent-texte: #161616;
  --accent-sur-nuit: var(--jaune);

  --nuit: #141517;                   /* graphite plutôt que marine : bleu + jaune évoquerait une autre enseigne */
  --nuit-2: #1F2125;
  --clair-sur-nuit: #C9CCD1;

  --annonce-fond: var(--jaune);
  --annonce-texte: #161616;
  --nav-fond: var(--nuit);
  --nav-texte: #C9CCD1;
  --nav-texte-actif: #FFFFFF;
  --nav-trait: var(--nuit);

  --bouton-fond: var(--jaune);
  --bouton-texte: #161616;
  --bouton-fond-survol: #161616;
  --bouton-texte-survol: var(--jaune);

  --h-logo: 40px;                    /* logo en longueur */
  --focus: #161616;
}

/* Sur fond sombre, le focus et le survol doivent rester visibles. */
.surface-nuit { --focus: var(--accent-sur-nuit); }
[data-marque="sidat"] .surface-nuit { --bouton-fond-survol: #FFFFFF; --bouton-texte-survol: #161616; }