/* ══ TEMA CORALLO ═════════════════════════════════════════════
   Il design approvato (template «Nèmm · Corallo», palette 07):
   card bianche su fondo caldo, titoli scuri, un solo accento
   corallo. Vale per il tema chiaro; il tema scuro resta com'era.

   Tre regole di contrasto che vengono dalle specifiche:
   - il corallo pieno #FF626A è per superfici, icone e barre;
   - il testo accentato usa il corallo scurito #B9253B;
   - sui bottoni corallo il testo è scuro #192139, non bianco.

   Un accento solo per tutta l'app: le tinte per sezione (verde il
   diario, viola gli amici…) in chiaro diventano tutte corallo.
   Restano i colori che portano un dato — macro, gruppi muscolari —
   e quelli scelti dall'utente (lo sfondo del suo simbolo).

   Deve essere l'ultimo foglio collegato: sovrascrive per cascata.*/

.light{
  --coral:#ff626a; --coral-ink:#b9253b; --coral-soft:#fff0ed;
  --ink:#192139; --muted:#566078; --line:#eee7e5;
  --shadow-soft:0 5px 22px rgb(94 55 45 / 4%);
  --font:ui-rounded,'SF Pro Rounded','Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;

  --acc:#b9253b; --acc-hi:#ff626a; --acc-lo:#b9253b;
  --grad:linear-gradient(#ff626a,#ff626a);
  --glow:none;
  --bg:#fff8f5; --s1:#ffffff; --s2:#ffffff; --field:#ffffff;
  --b-strong:#eee7e5; --b-med:#e6dcd9; --b-input:#e9dfdc;
  --b-weak:#f1eae8; --b-thin:#f4eeec; --b-hair:#f6f1ef;
  --t1:#192139; --t2:#192139; --t2b:#2f3854; --t3:#566078; --t3b:#566078;
  --dim:#566078; --dim2:#566078; --dim3:#6b7389; --off:#b1b6c2;
  --done-bg:#fff0ed; --done-b:#ffc7c3;
  --rest-bg:#fff0ed; --rest-b:#ffc7c3; --rest-dim:#566078;
  --drop:#b9531f; --fail:#b9253b;
  /* Un carattere solo, arrotondato, di sistema: niente download. I
     numeri restano incolonnati con le cifre tabellari. */
  --sans:var(--font); --mono:var(--font);
  --r-lg:22px; --r-md:16px;
  --shadow-card:var(--shadow-soft);
}
.light #app.s-w,.light #app.s-d,.light #app.s-p,.light #app.s-a,.light #app.s-u,.light #app.s-s{
  --acc:#b9253b;--acc-hi:#ff626a;--acc-lo:#b9253b;
  --grad:linear-gradient(#ff626a,#ff626a);--glow:none;
  --done-bg:#fff0ed;--done-b:#ffc7c3}
/* Fondo caldo e piatto: niente alone in cima. */
.light #app::before{display:none}
.light .mono,.light .tbl,.light .sub,.light .meta{font-variant-numeric:tabular-nums}

/* ── superfici ────────────────────────────────────────────── */
.light .card,.light .card2,.light .empty{background:var(--s1);border:0;border-radius:22px;box-shadow:var(--shadow-soft)}
.light .card{padding:20px 16px}
.light .card2{padding:16px}
.light .empty{padding:24px 16px}
.light .empty .lead{color:var(--ink);font-weight:700}
.light .empty p{color:var(--muted)}
.light .stick{background:rgba(255,248,245,.94)}
.light .full,.light .full-head{background:var(--bg)}
.light #sheetwrap .sh{border-top:0;border-radius:26px 26px 0 0}
.light #sheetwrap .bd{background:rgba(25,33,57,.38)}
.light #toast span{border:0;border-radius:16px;box-shadow:0 10px 30px -10px rgba(94,55,45,.28);color:var(--ink)}

/* ── tipografia: titolo 40, sezione 23, corpo 14–17 ────────── */
.light .h1{font-size:40px;line-height:1.1;font-weight:850;letter-spacing:-1.5px}
.light .h2{font-size:23px;line-height:1.2;font-weight:800;letter-spacing:-.65px}
.light .h3{font-size:17px;font-weight:800;letter-spacing:-.3px}
.light .h4{font-size:16px;font-weight:700;letter-spacing:-.2px}
.light .sub{font-size:16px;font-weight:500;color:var(--muted)}
.light .lbl{font-size:13px;font-weight:700;color:var(--muted)}
.light .meta{font-size:13px;color:var(--muted)}
.light .micro{color:var(--muted)}

/* ── comandi ──────────────────────────────────────────────── */
/* Primario: corallo pieno, testo scuro. */
.light .cta,.light .btn.go{background:var(--coral);color:var(--ink);box-shadow:none;border-radius:16px}
.light .cta{font-size:15px;font-weight:750;padding:15px;min-height:50px}
.light .cta.sm{font-size:15px;padding:15px}
/* Il bottone di sempre diventa il «secondario» del template: velo
   corallo, testo corallo scuro. */
.light .btn{background:var(--coral-soft);color:var(--coral-ink);border:0;border-radius:16px;
  font-weight:700;font-size:14px;min-height:46px}
/* Contorno: per le alternative a un'azione principale. */
.light .btn.ghost{background:transparent;border:1px solid var(--coral-ink);color:var(--coral-ink)}
.light .btn.dash{background:transparent;border:1px dashed #efb9b5;color:var(--coral-ink);border-radius:16px;font-weight:700}
.light .chip{background:var(--s1);border-color:var(--line);color:var(--muted)}
.light .chip.on{background:var(--coral);border-color:transparent;color:var(--ink)}
.light .lnk{color:var(--coral-ink)}
.light .icobtn{color:var(--ink)}
.light .in{border-color:var(--line);color:var(--ink)}
.light .in:focus{border-color:var(--coral)}
.light :focus-visible{outline:3px solid var(--coral-ink);outline-offset:3px}
.light a{color:var(--coral-ink)}

/* ── sessione ─────────────────────────────────────────────── */
.light .ok{background:var(--s1);border-color:var(--line);color:var(--off)}
.light .ok.on{background:var(--coral);color:var(--ink);box-shadow:none}
.light .setrow.done{background:var(--coral-soft);border-color:#ffd6d2}
.light .setrow.pr{border-color:var(--coral)}
.light #restbar{border-color:#ffd6d2}
.light #restbar .mono{color:var(--coral-ink)!important}

/* ── barra in basso: tre voci su una tavoletta bianca ─────── */
.light #tabbar{background:linear-gradient(to top,var(--bg) 62%,rgba(255,248,245,0));border-top:0;
  backdrop-filter:none;-webkit-backdrop-filter:none;padding:10px 12px calc(12px + env(safe-area-inset-bottom))}
.light #tabbar>div{background:#fff;border-radius:22px;padding:8px;gap:8px;box-shadow:var(--shadow-soft);max-width:436px}
.light #tabbar button{justify-content:center;gap:4px;min-height:62px;padding:8px 4px;border-radius:16px;color:var(--muted)}
.light #tabbar button.on{background:var(--coral-soft);color:var(--coral-ink)}
.light #tabbar .g{width:auto;height:auto;transform:none!important;color:var(--muted)}
.light #tabbar button.on .g{color:var(--coral)}
.light #tabbar button.on .g::before{display:none}
.light #tabbar .t{font-size:12px;font-weight:500}

/* ── pezzi social e Shop ──────────────────────────────────── */
.light .tagp{background:var(--coral-soft);color:var(--coral-ink);border-color:#ffd6d2}
.light .tagp.free,.light .tagp.has{background:#fff;color:var(--coral-ink);border-color:var(--coral-ink)}
.light .betabar{background:var(--coral-soft)}
.light .betabar b{background:var(--coral);color:var(--ink)}
.light .subc,.light .subc.has{background:var(--coral-soft);border-color:#ffd6d2}
.light .bub.me,.light .chat-foot .send{background:var(--coral);color:var(--ink)}

/* ── Impostazioni «D»: la testa calda nel corallo ─────────── */
.light .set-hero{background:var(--coral-soft);color:var(--ink)}
.light .set-hero::after{background:rgba(255,255,255,.6)}
.light .set-hero .ini{background:#fff}
.light .set-hero .since,.light .set-hero .l{color:var(--muted)}
.light .set-group{border:0;box-shadow:var(--shadow-soft)}
.light .set-row+.set-row{border-top-color:var(--line)}
.light .set-row .tt{font-weight:700}
.light .set-row .vl{color:var(--muted)}

/* La tavoletta in basso è più alta della barra di prima (voci da
   62 px, come nel template): quello che le sta sopra sale di pari
   passo, così niente finisce coperto. */
.light #restbar{bottom:calc(100px + env(safe-area-inset-bottom))}
.light #exnav{bottom:calc(112px + env(safe-area-inset-bottom))}
.light.inrest #exnav{bottom:calc(172px + env(safe-area-inset-bottom))}
.light #toast{bottom:calc(116px + env(safe-area-inset-bottom))}
.light #app{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
.light.insess #app{padding-bottom:calc(190px + env(safe-area-inset-bottom))}
/* Il recupero diventa una tavoletta sospesa come la barra sotto. */
.light #restbar{left:12px;right:12px;max-width:436px;margin:0 auto;border:0;border-radius:22px;
  background:var(--coral-soft);box-shadow:var(--shadow-soft)}
.light #restbar>div{padding:10px 16px}