/* Design system web : tokens repris de l'appli (appli-devoirs/css/style.css). Source de vérité = l'appli. */
:root{
  /* couleurs */
  --bg:#FFF1CF; --paper:#FFFBF1; --ink:#25305C; --ink-soft:#5B6491;
  --sun:#FFB000; --sun-dark:#E59A00; --good:#14907F; --good-bg:#DDF3EE;
  --loss:#7A4E8C; --loss-bg:#EFE3F4; --peach:#FFDDBE; --line:#EBD9AC;
  --fox:#F4964A; --fox-dark:#F08A3C;
  /* typo (mêmes piles que l'appli, aucune police à télécharger) */
  --font:"Andika","Atkinson Hyperlegible","Trebuchet MS",Verdana,sans-serif;
  --font-title:"Arial Rounded MT Bold","Avenir Next Rounded","Avenir Next",var(--font);
  /* formes */
  --r:28px; --r-sm:18px; --pill:999px;
  --shadow-btn:0 6px 0 var(--sun-dark); --shadow-card:0 5px 0 var(--line);
  /* espacement */
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:72px;
  --max:1080px;
}