/* ==================================================================
   TOKENS DE MARQUE — d'apres le design system La Fourche
   ------------------------------------------------------------------
   Verifie sur lafourche.fr : --jaune (#FFCB03, leur <meta theme-color>).
   Interprete depuis leur refonte d'identite (couleurs primaires bleu /
   rouge / jaune, beaucoup de blanc, typo grasse et arrondie) : --bleu,
   --rouge, --creme. Pipette-les si tu veux coller au pixel pres ;
   tout le reste de l'app en decoule.
   ================================================================== */
:root{
  /* --- les 5 couleurs de marque --- */
  --jaune:      #FFCB03;   /* couleur signature : CTA, mises en avant */
  --bleu:       #16324F;   /* bleu primaire : texte, fonds forts */
  --rouge:      #E4483C;   /* rouge primaire : surcout, alertes */
  --vert:       #1F7A54;   /* vert : economie, bio, validation */
  --creme:      #FFF8E7;   /* creme derivee du jaune : fonds de blocs */

  /* --- derives : normalement rien a toucher en dessous --- */
  --papier:     #FFFFFF;   /* beaucoup de blanc, c'est leur parti pris */
  --canvas:     #FBFAF7;
  --encre:      var(--bleu);
  --encre-doux: #6B7A88;
  --filet:      #E6E2DA;
  --jaune-doux: #FFF1B8;
  --positif:    var(--vert);
  --negatif:    var(--rouge);

  /* compat v1 — d'anciennes regles peuvent encore y faire reference */
  --brand:      var(--bleu);
  --brand-deep: var(--bleu);
  --brand-tint: var(--creme);
  --surface:    var(--papier);
  --ink:        var(--encre);
  --ink-soft:   var(--encre-doux);
  --hairline:   var(--filet);
  --accent:     var(--rouge);

  /* --- rayons : arrondis genereux, comme leur typo --- */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-pill: 999px;

  --ombre-sm: 0 1px 2px rgba(22,50,79,.05), 0 2px 10px rgba(22,50,79,.05);
  --ombre-md: 0 6px 28px rgba(22,50,79,.10);
  --ombre-jaune: 0 4px 16px rgba(255,203,3,.35);

  /* --- typo : grasse, arrondie --- */
  --titre: 'Fredoka', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --texte: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mono:  ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
  --sans:  var(--texte);
  --serif: var(--titre);

  --pas: 8px;
}