*{box-sizing:border-box}
:root{
  /* Arancio incandescente su inchiostro bluastro. Il caldo per le
     azioni e i traguardi, il freddo per i dati: due temperature
     danno profondità dove un colore solo appiattisce.            */
  --acc:#ff6b3d; --acc-hi:#ff8f5c; --acc-lo:#e04f22;
  --grad:linear-gradient(135deg,#ff8a4c 0%,#ff5a2e 100%);
  --glow:0 6px 22px -8px rgba(255,107,61,.55);
  --bg:#0a0b10; --s1:#15171f; --s2:#111219; --field:#0e0f16;
  --b-strong:#242733; --b-med:#2b2f3d; --b-input:#252936;
  --b-weak:#1e212b; --b-thin:#191c25; --b-hair:#15181f;
  --t1:#f0f1f4; --t2:#e0e2e8; --t2b:#c6cad3; --t3:#a6abb7; --t3b:#8890a0;
  --dim:#767e90; --dim2:#6c7486; --dim3:#5e6675; --off:#4b5261;
  --done-bg:#1d1410; --done-b:#3f2318;
  --rest-bg:#1d1510; --rest-b:#40261a; --rest-dim:#a99180;
  --mP:#4d9fff; --mC:#ffcb4d; --mF:#a78bfa;
  --drop:#ffa64d; --fail:#ff5a5a;
  --sans:'Plus Jakarta Sans','SF Pro Text',-apple-system,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  /* Raggi: un solo posto per decidere quanto è morbida l'interfaccia.
     Il passaggio a un look più social è quasi tutto qui dentro.   */
  --r-xl:26px; --r-lg:22px; --r-md:16px; --r-sm:12px; --r-pill:999px;
  --shadow-card:0 10px 30px -22px rgba(0,0,0,.9);
}

/* Tema chiaro su carta calda, non bianco clinico: l'arancio ci sta
   sopra senza vibrare e i grigi non virano al blu. L'accento si
   scurisce perche' l'arancio acceso su bianco non si legge.     */
.light{
  --acc:#d1441a; --acc-hi:#e05a2c; --acc-lo:#b03712;
  --grad:linear-gradient(135deg,#e2622c 0%,#cf3f16 100%);
  --glow:0 6px 20px -9px rgba(209,68,26,.45);
  --bg:#f7f4f1; --s1:#ffffff; --s2:#fbf9f7; --field:#ffffff;
  --b-strong:#e3ddd7; --b-med:#d9d2ca; --b-input:#ded7d0;
  --b-weak:#ebe6e1; --b-thin:#f0ece8; --b-hair:#f3f0ed;
  --t1:#16151a; --t2:#232228; --t2b:#3c3a44; --t3:#514f5a; --t3b:#5f5d69;
  --dim:#6e6b78; --dim2:#7a7784; --dim3:#8a8794; --off:#a9a6b1;
  --done-bg:#fdf0e8; --done-b:#f0c3a5;
  --rest-bg:#fdf0e8; --rest-b:#f0c3a5; --rest-dim:#6b4a35;
  --mP:#2f6ea8; --mC:#a5741f; --mF:#6b4fa8;
  --drop:#b45c14; --fail:#b53528;
}
.light #tabbar{background:rgba(255,255,255,.96)}
.light .stick{background:rgba(247,244,241,.93)}
