/* ============================================================
   Missão Atchim! — Sistema de design
   Paleta "consultório-nuvem": confiança adulta + energia infantil
   ============================================================ */
:root{
  /* superfícies */
  --ceu-1:#e9f1ff;  --ceu-2:#f6f0ff;  --ceu-3:#eafaf4;
  --papel:#ffffff;  --papel-2:#f7f9ff; --borda:#e4e9f7;
  --tinta:#1e2444;  --tinta-2:#5a6285; --tinta-3:#8a92b2;

  /* cores dos heróis */
  --coral:#ff6b5a;  --coral-esc:#e04b3c;
  --menta:#22cfa0;  --menta-esc:#12a37c;
  --anil:#4a5cf0;   --anil-esc:#3543cc;
  --sol:#ffc23d;    --sol-esc:#e39c00;
  --lilas:#a67bfa;  --lilas-esc:#8154e0;
  --rosa:#ff86c8;   --uva:#6d4bd6;
  --noite:#131a3a;  --noite-2:#1e2a55;

  /* semânticas */
  --ok:var(--menta); --alerta:var(--sol); --grave:var(--coral);

  /* forma */
  --r-xs:10px; --r-sm:16px; --r-md:22px; --r-lg:30px; --r-xl:42px; --r-pill:999px;

  /* elevação — sombra "adesivo" com borda inferior colorida */
  --sm-1:0 2px 0 rgba(30,36,68,.06), 0 6px 18px -8px rgba(30,36,68,.25);
  --sm-2:0 4px 0 rgba(30,36,68,.07), 0 18px 40px -18px rgba(30,36,68,.4);
  --sm-3:0 24px 60px -24px rgba(30,36,68,.45);

  /* tipografia */
  --f-tit:'Baloo 2','Trebuchet MS',system-ui,sans-serif;
  --f-txt:'Nunito','Segoe UI',system-ui,-apple-system,sans-serif;

  --t-rapido:140ms cubic-bezier(.34,1.56,.64,1);
  --t-mole:420ms cubic-bezier(.22,1,.36,1);

  --largura:1080px;
}