/* PALETTE D'INTRODUCTION AU WEB
   La feuille commune (styles.css, slides.css) ne connaît que ces variables :
   changer un cours de couleur, c'est ne toucher qu'à ce fichier. */

:root {
  /* La marque : l'ocre, du plus vif au plus sombre. */
  --brand: #c07c1f;
  --brand-dark: #8a5510;
  --brand-deep: #6f4009;
  --brand-darkest: #5a3306;
  --brand-pale: #fbeedb;
  --brand-tint: #fdf8f0;
  --brand-rule: #dcc39a;
  --brand-dash: #b99a68;
  /* La marque en encre sur le fond sombre du pied de page.
     L'ocre de la marque se noierait dans le pied de page : il s'y éclaircit. */
  --brand-light: #e9a53c;

  /* Le voile qui éclaire le haut du pied de page. */
  --brand-veil: rgba(192, 124, 31, 0.18);

  /* L'accent : ce qui doit se distinguer de la marque au premier coup d'œil,
     les leçons accompagnées et les encadrés adressés aux élèves. Un second
     ocre s'y fondrait, d'où ce bleu-vert. */
  --accent: #0f8b8d;
  --accent-pale: #e6f3f3;
  --accent-dark: #0b6d6f;

  /* Les encres des diapositives, teintées de la marque. */
  --ink: #2a2118;
  --muted: #6f6355;
}