/* Jetons communs à toutes les pages de Petites Mains — l'univers de Pico, le hérisson aux crayons */
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap");

:root{
  color-scheme:light;
  /* papier et encre */
  --bg:#FFF8EE; --paper-2:#FFEFD9; --surface:#FFFFFF; --ink:#2B2340; --muted:#6E6782; --line:#EEE3D3;
  /* les 8 crayons de Pico */
  --rose:#FF6F91; --jaune:#FFC93C; --vert:#43C08A; --bleu:#2F6BFF; --violet:#B07CFF; --orange:#FF8C42; --turq:#2EC4D6; --rouge:#E23B3B;
  --brun:#3A2A20;
  --accent:#2F6BFF; --accent-ink:#FFFFFF;
  --pois1:rgba(255,111,145,.10); --pois2:rgba(46,196,214,.10); --pois3:rgba(255,201,60,.14);
  --shadow:0 8px 0 -2px rgba(43,35,64,.12), 0 20px 36px -20px rgba(43,35,64,.45);
  --shadow-sm:0 4px 0 rgba(43,35,64,.12);
  --display:"Fredoka","Nunito",system-ui,sans-serif;
  --body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#1D1A2B; --paper-2:#26223A; --surface:#2A2640; --ink:#F6F1FF; --muted:#B9B1CE; --line:#3B3556;
    --accent:#6D97FF; --accent-ink:#0E1422;
    --pois1:rgba(255,111,145,.07); --pois2:rgba(46,196,214,.07); --pois3:rgba(255,201,60,.06);
    --shadow:0 8px 0 -2px rgba(0,0,0,.35), 0 20px 36px -20px rgba(0,0,0,.7);
    --shadow-sm:0 4px 0 rgba(0,0,0,.35);
  }
}
*{box-sizing:border-box}
body{
  margin:0;color:var(--ink);font:16px/1.55 var(--body);padding-inline:16px;padding-block:18px 0;
  background-color:var(--bg);
  background-image:radial-gradient(var(--pois1) 12%,transparent 13%),radial-gradient(var(--pois2) 12%,transparent 13%),radial-gradient(var(--pois3) 10%,transparent 11%);
  background-size:64px 64px,64px 64px,64px 64px;background-position:0 0,32px 32px,16px 48px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%}