/* Crapou - jetons de design. Source unique des couleurs, typo, ombres. */
:root{
  /* LA RÈGLE DE CETTE CHARTE : le bleu et le rose appartiennent aux PARENTS.
     Rien d'autre dans l'interface n'est bleu ni rose - ni bouton, ni lien, ni
     halo de saisie. L'action est noire, le signal « on t'attend » est ambre.
     Ainsi le planning est la seule chose colorée de l'écran, et une couleur
     ne veut jamais dire deux choses. */
  --ink:#0D0F1A;--ink-2:#474C61;--ink-3:#5E6379;--ink-4:#747990;
  --line:#E4E6EF;--line-2:#F0F1F7;
  --bg:#F3F4F9;--surface:#FFFFFF;--surface-2:#F8F9FC;
  --a:#FFC42E;--a-soft:#FFF3D1;--a-t:#5C4300;
  --b:#0D0F1A;--b-soft:#E4E6EF;--b-tint:#F0F1F7;--b-2:#262A3D;--b-t:#0D0F1A;
  --ok:#0B9E62;--ok-soft:#DDF5EA;
  --warn:#B4690E;--warn-soft:#FFF3D1;
  --danger:#B42318;--danger-soft:#FDE3E1;
  --r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--pill:999px;
  --sh-1:0 1px 0 var(--line);
  --sh-2:0 8px 24px -12px rgba(13,15,26,.22);
  --sh-3:0 24px 60px -20px rgba(13,15,26,.35);
  --sh-b:0 8px 20px -8px rgba(13,15,26,.45);
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --d:'Bricolage Grotesque',system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);--t:180ms;--sw:250px;--th:64px;
}


/* Polices auto-hébergées. JAMAIS Google Fonts : cela transmettrait
   l'adresse IP des utilisateurs à un tiers sans base légale. */
@font-face{font-family:'Bricolage Grotesque';src:url(../fonts/bricolage-grotesque-latin-wght-normal.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Figtree;src:url(../fonts/figtree-latin-wght-normal.woff2) format('woff2');font-weight:300 900;font-display:swap}

/* ---------------------------------------------------------------------
   Couleurs vives, et signaux préservés
   ---------------------------------------------------------------------
   La marque prend un vert-jaune électrique et une action magenta. Deux
   précautions, sans lesquelles la vivacité se paie cher :

   1. LE DANGER DESCEND EN BORDEAUX. Si le magenta de marque et le rouge
      d'alerte se ressemblent, plus rien n'alerte. Le bordeaux est assez
      sombre pour se distinguer d'un bouton d'action à côté.

   2. L'INFORMATION NEUTRE NE PORTE PAS LA COULEUR D'ACTION. Un bandeau
      qui annonce le SMS ne doit pas ressembler à un message d'erreur :
      il passe en teinte froide, pas en rose pâle.

   Le reste peut claquer autant qu'on veut : logo, courbes, pastilles,
   boutons. C'est là que la couleur travaille, pas sur les surfaces qui
   portent du texte à lire longtemps.
   --------------------------------------------------------------------- */
:root{
  --info:#0F62FE;        /* information neutre, jamais une action */
  --info-soft:#E3EEFF;
  --info-line:#BBD3FF;
}