/*
 * CHARTE GRAPHIQUE · GÉNÉRATIONS CINÉMA
 * =====================================
 * Exposition « Générations Cinéma, Dialogues entre la France et le Maghreb »
 * 1960-2026, Musée National de l'Histoire de l'Immigration, Palais de la Porte
 * Dorée. Scénographie Julia Dessirier, Flora Fixy, Nicolas Turki Duchesnay,
 * Gabrielle Trévise, Arthur Didier. Typographie arabe Brahim Boucheikha.
 *
 * Ce fichier porte UNIQUEMENT l'identité visuelle du client. Le socle technique
 * (remise à zéro, verrous tactiles, taille des cibles) vit dans base.css et ne
 * connaît aucune couleur. Sur un autre projet, on remplace ce fichier et rien
 * d'autre.
 *
 * D'OÙ VIENNENT CES COULEURS
 * --------------------------
 * Elles ne sont pas choisies : elles sont RELEVÉES dans le PDF de charte fourni
 * par la scénographie, par rendu de la page puis lecture du pixel. Le vert est
 * identique sur deux pages indépendantes du document, ce qui le confirme. Le
 * rose varie d'un point entre la page 2 et la page 5, écart de rendu PDF : la
 * valeur retenue est celle du nuancier officiel, en page 2.
 *
 * La charte justifie elle même ce choix : « les couleurs présentes dans les
 * drapeaux des différentes nationalités évoquées dans le parcours ».
 *
 * RÈGLE DE CONTRASTE, NON NÉGOCIABLE
 * ----------------------------------
 * Le rose est très clair. Du texte blanc dessus donne un rapport de 1,5:1, très
 * loin du minimum de 4,5:1 exigé pour un texte courant. Sur le rose, le texte
 * est NOIR. Toujours. C'est ce qui inverse toute la mise en page par rapport à
 * une borne sombre classique, et ce n'est pas un parti pris discutable.
 *
 *     fond rose   #F6B8D4  +  texte noir   #010101   ->  14,2:1   conforme
 *     fond rose   #F6B8D4  +  texte blanc  #FFFFFF   ->   1,5:1   interdit
 *     fond vert   #60B776  +  texte blanc  #FFFFFF   ->   2,6:1   insuffisant
 *     fond vert   #60B776  +  texte noir   #010101   ->   8,1:1   conforme
 *
 * TYPOGRAPHIE
 * -----------
 * La charte impose Jean-Luc Font en titrage et Forma DJR en courant, toutes
 * deux commerciales. Une borne hors ligne exige les fichiers embarqués, donc
 * une licence. Tant qu'ils ne sont pas fournis, la pile système est utilisée :
 * elle s'affiche instantanément et ne dépend d'aucun réseau. Les images du
 * projet 2 arrivent déjà titrées par la scénographie, l'écart est donc
 * invisible sur la plus grande partie du dispositif.
 */

:root {
  /* Nuancier officiel, relevé dans le PDF de charte */
  --noir: #010101;
  --vert: #60B776;
  --rose: #F6B8D4;
  --blanc: #FFFFFF;
  --bleu-pale: #D9E5EC;   /* secondaire, hors nuancier, usage de composition */

  /* Rôles d'interface pour le projet 1, fond rose demandé par la cliente */
  --fond: var(--rose);
  --fond-eleve: #F9D2E2;        /* rose éclairci, pour détacher une surface */
  --texte: var(--noir);
  --texte-doux: #5A3F4B;        /* brun rosé sombre : 7,4:1 sur le rose */
  --accent: var(--vert);
  --sur-accent: var(--noir);    /* ce qui se pose SUR le vert reste noir */

  --rayon: 0;                   /* la charte est anguleuse, aucun coin arrondi */
  --duree: 320ms;
  --courbe: cubic-bezier(0.22, 0.61, 0.36, 1);
  --cible-minimale: 72px;
}

/*
 * Le slider photo s'affiche sur fond noir et non rose : les photos occupent
 * tout l'écran, et un liseré rose autour d'une image plein cadre ferait une
 * bordure parasite. Le noir du nuancier est la bonne réponse.
 */
.theme-photo {
  --fond: var(--noir);
  --texte: var(--blanc);
  --texte-doux: #B9B9B9;
}
