/* == PhotoCollage, jetons de design (clair) ==============================
 *
 * Le bleu de marque descend du #3fade7 de l'ancien site, resserre et fonce pour
 * atteindre un contraste suffisant sur fond clair : l'ancien bleu, utilise en
 * texte de lien, tombait sous le seuil AA.
 *
 * Les trois teintes secondaires ne sont pas decoratives : ce sont les tuiles de
 * la marque (collage_mark) et les accents de section. Un logiciel de collage a
 * le droit d'etre polychrome, a condition que ce soit regle.
 */
:root{
  /* Marque */
  --brand:        #1b8fd6;
  --brand-2:      #f0736a;
  --brand-3:      #f2b544;
  --brand-deep:   #1b4f7d;
  --brand-bright: #2aa5ef;
  --brand-ink:    #0d3b5e;

  /* Neutres, blanc casse legerement froid */
  --paper:      #f6f8fa;
  --paper-2:    #eef2f6;
  --card:       #ffffff;
  --line:       #e3e9ef;
  --line-soft:  #eef2f6;

  --text:  #0f1720;
  --muted: #55636f;
  --faint: #8593a1;

  /* Typographie */
  --display: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --body:    "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;

  /* Mise en page */
  --maxw: 1120px;
  --r:    16px;

  --shadow-sm: 0 1px 3px rgba(15,35,55,.05);
  --shadow-md: 0 8px 24px rgba(15,35,55,.08);
  --shadow-lg: 0 22px 54px rgba(15,35,55,.12);
}