/* abcsocial — base.css
   Token, azzeramento, tipografia e utility.
   Valori identici al prototipo: nessun colore, ombra o raggio e' stato modificato.
   I colori che nel prototipo erano scritti a mano fuori dai token sono stati
   spostati qui dentro come variabili, mantenendo lo stesso valore esatto. */

:root{
  /* superfici e testo */
  --ink:#0B0D14;--paper:#fff;--canvas:#F4F5FA;--line:#E8E9F1;--line2:#D3D6E3;
  --txt:#0B0D14;--t2:#565C6E;--t3:#8E94A6;

  /* marchio */
  --br:#5B4BFF;--br2:#9067FF;--br-s:#EEEBFF;

  /* stati */
  --mint:#06A97D;--mint-s:#E2F7F0;--amber:#C0790F;--amber-s:#FFF3DE;
  --red:#E5484D;--red-s:#FEECEC;--grey:#B9BDC9;

  /* ombre e raggi */
  --sh:0 2px 8px -2px rgba(11,13,20,.06),0 8px 24px -12px rgba(11,13,20,.14);
  --shl:0 32px 64px -24px rgba(11,13,20,.34);
  --r:22px;

  /* colori che nel prototipo erano scritti a mano (stessi valori) */
  --ink-h:#1A1E2C;          /* passaggio del mouse sul bottone scuro */
  --mint-h:#05966F;         /* passaggio del mouse sul bottone verde */
  --red-line:#F6C9CB;       /* bordo rosso tenue */
  --attesa-line:#F0DCAE;--attesa-bg:#FFFCF5;
  --modifiche-bg:#FFF7F7;
  --dw1:#FCFCFE;--dw2:#F7F8FC;   /* intestazione giorni del calendario */
  --we-bg:#FBFBFE;               /* celle del fine settimana */
  --cell-hover:#F8F8FD;          /* cella sotto il mouse */
  --cell-off:#FAFAFC;            /* celle fuori mese o passate */
  --sess1:#171331;--sess2:#0B0D14;   /* riquadro sessione */
  --ses-bg:#EEEFF6;--ses-line:#DBDCE8;   /* chip della registrazione */

  /* misure per il telefono: margini sicuri (tacca, barra di casa; richiedono
     viewport-fit=cover in index.html) e altezza della barra inferiore */
  --sab:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-top,0px);
  --navh:64px;
}

*{box-sizing:border-box;margin:0;padding:0}
/* iOS ingrandisce il testo da solo ruotando il telefono: no. */
html{-webkit-text-size-adjust:100%}
/* Lo scorrimento morbido solo a chi non ha chiesto meno movimento. */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{color:var(--txt);font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(900px 420px at 8% -8%,rgba(91,75,255,.10),transparent 65%),
    radial-gradient(760px 380px at 100% -4%,rgba(6,169,125,.10),transparent 62%),
    var(--canvas);background-attachment:fixed;min-height:100dvh}
h1,h2,h3,.dsp{font-family:"Bricolage Grotesque","Plus Jakarta Sans",sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.08}
h2{font-size:22px}h3{font-size:18px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
/* Col dito: niente lampo grigio al tocco e niente attesa del doppio tocco. */
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img{display:block}

/* accessibilita': contorno visibile su ogni elemento raggiungibile da tastiera */
:focus-visible{outline:2.5px solid var(--br);outline-offset:2px;border-radius:10px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* utility */
.t2{color:var(--t2)}.t3{color:var(--t3)}
.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column}.sp{flex:1}
.wrap{max-width:1440px;margin:0 auto;padding:0 22px}
/* Schermi grandi: 1440px erano il valore del prototipo, non una scelta. Su un 27"
   o piu' lasciavano due fasce vuote ai lati larghe quanto una colonna del
   calendario. Il respiro cresce a scatti invece che in continuo, cosi' le celle
   restano di misure prevedibili, e si ferma a 2040px: oltre, una riga di testo
   diventa troppo lunga per essere letta senza perdere il segno. */
@media (min-width:1560px){.wrap{max-width:1560px}}
@media (min-width:1760px){.wrap{max-width:1760px}}
@media (min-width:2000px){.wrap{max-width:2040px;padding:0 32px}}
.tnum{font-variant-numeric:tabular-nums}
.trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hide{display:none!important}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mt24{margin-top:24px}
.small{font-size:13px}.xs{font-size:12px}

@media (max-width:900px){
  body{background-attachment:scroll}
  .wrap{padding:0 14px}
}
/* Tablet larghi col dito: lo sfondo fisso fa scattare lo scorrimento. */
@media (pointer:coarse){body{background-attachment:scroll}}