/* Officina del Corpo — variabili comuni a gestionale, portale e tablet delle iscrizioni.
   E' l'unico posto dove stanno colori, raggi, ombre, spaziature e scala tipografica:
   styles.css, portal/portal.css e kiosk/kiosk.css lo importano e usano solo questi nomi.
   Gli stili dei moduli (ui/<area>.css) devono fare lo stesso: un colore scritto a mano in
   un modulo e' un colore che al prossimo ritocco non cambia insieme agli altri.

   Contrasti misurati (WCAG 2.1, AA = 4,5:1 per il testo, 3:1 per bordi e comandi):
   --text sui pannelli 12,7-16:1 · --muted 7,6:1 sul fondo e 5,8:1 sul pannello piu' chiaro
   · --sand 11:1 · --danger 4,9:1 · --warning 8:1 · --info 6,8:1 · testo bianco sul verde
   dei pulsanti 4,8-7,6:1 · testo scuro sulla barra laterale sabbia 7,9-11:1. */
:root{
 color-scheme:dark;

 /* --- superfici: dal fondo al pannello piu' chiaro --- */
 --bg:#09100b; --bg2:#0d1710;
 --panel:#121c14; --panel2:#18231a; --panel3:#202b22;
 --campo:#0e1610;                       /* fondo di input, select e textarea */
 --line:#2d3a30;                        /* linee di separazione, non bordi di comandi */

 /* --- testo --- */
 --text:#f4eee5; --muted:#9ca69a;
 --su-sabbia:#16241a;                   /* testo su fondo sabbia (barra laterale, pulsanti sabbia) */

 /* --- marchio --- */
 --green:#173b28; --green2:#245f3f; --green3:#2f8055; --verde-testo:#9fe8c0;
 --sand:#efd3a5; --sand2:#d7b986;

 /* --- stati: colore pieno, fondo tenue, testo leggibile sul fondo tenue --- */
 --danger:#d7655e;  --danger-bg:rgba(215,101,94,.14);  --danger-testo:#ffb3ad;
 --warning:#e2a64f; --warning-bg:rgba(226,166,79,.14); --warning-testo:#ffc979;
 --ok:#2f8055;      --ok-bg:rgba(47,128,85,.16);       --ok-testo:#9ce0b3;
 --info:#78a8be;    --info-bg:rgba(120,168,190,.15);   --info-testo:#b8d6e4;

 /* --- tipi di attivita': gli stessi in agenda, Home, scheda cliente e portale ---
    PT condiviso (fasce "floor", la sala su appuntamento) = sala, corsi = corso,
    PT individuale = pt. Mai solo il colore: c'e' sempre anche l'etichetta scritta. */
 --sala:#2f8055;  --sala-bg:rgba(47,128,85,.16);   --sala-line:rgba(47,128,85,.55);   --sala-testo:#9fe8c0;
 --corso:#e2a64f; --corso-bg:rgba(226,166,79,.15); --corso-line:rgba(226,166,79,.6);  --corso-testo:#ffd79a;
 --pt:#78a8be;    --pt-bg:rgba(120,168,190,.16);   --pt-line:rgba(120,168,190,.6);    --pt-testo:#c3dde9;
 /* puntino del singolo corso, accanto all'etichetta CORSO */
 --pilates:#9b8bd6; --posturale:#5fbfc9; --cardio:#e08a5a;

 /* --- bordi dei comandi: almeno 3:1 sullo sfondo su cui poggiano (WCAG 1.4.11) --- */
 --bordo:#7d8d80;                       /* 5:1 sul pannello */
 --bordo-sabbia:rgba(239,211,165,.62);
 --bordo-rosso:rgba(233,138,131,.78);
 --bordo-verde:#79d2a4;
 --bordo-scuro:#55604f;                 /* sulla barra laterale chiara: 4,6:1 in alto, 3,3:1 in fondo */
 --focus:#f6e2bd;                       /* anello del fuoco da tastiera: 15:1 sul fondo, 6:1 sul verde */

 /* --- raggi e ombre --- */
 --r-sm:8px; --r:12px; --r-lg:16px; --r-pill:999px;
 --ombra-sm:0 6px 18px rgba(0,0,0,.22);
 --ombra:0 18px 55px rgba(0,0,0,.28);
 --ombra-lg:0 28px 100px rgba(0,0,0,.55);
 --shadow:var(--ombra);                 /* nome vecchio, tenuto per gli stili gia' scritti */

 /* --- spaziature: multipli di 4 --- */
 --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px;

 /* --- scala tipografica: il testo di base e' 16px; sotto i 13px non si scende mai --- */
 --fs-xs:.8125rem;   /* 13px: etichette maiuscole, contatori */
 --fs-s:.875rem;     /* 14px: dati secondari, intestazioni di tabella */
 --fs:1rem;          /* 16px: testo, campi, pulsanti, celle */
 --fs-m:1.125rem;    /* 18px: titoli dei riquadri */
 --fs-l:1.375rem;    /* 22px: titoli delle finestre, numeri dei riquadri */
 --fs-xl:1.75rem;    /* 28px: titolo della pagina */
 --fs-xxl:2rem;      /* 32px: numeri in evidenza */
 --lh:1.5; --lh-stretta:1.25;
 --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

 /* --- comandi: altezza minima; col dito (o sotto gli 820px) tutto sale a 44px --- */
 --h-comando:40px; --h-piccolo:36px; --h-tocco:44px;

 /* --- impaginazione del gestionale --- */
 --sidebar:248px; --topbar:64px;
}

/* Col dito non si punta: ogni comando diventa un bersaglio di almeno 44px (WCAG 2.5.5). */
@media (pointer:coarse), (max-width:820px){
 :root{ --h-comando:44px; --h-piccolo:44px; }
}