/* Riguardati — token di design
   Generati dalla scheda dell'identità visiva. I contrasti in commento sono
   misurati (WCAG 2.1) e verificati: non cambiare i valori senza rimisurarli.
   Regola: nessuna informazione affidata al solo colore — verde e pesca hanno
   fra loro un contrasto di 2,31 in tritanopia. */

:root {
  /* ── colore ──────────────────────────────────────────────────────── */
  --rg-verde:          #2F7A6B;  /* primario · testo su bianco 5,10 ✓AA      */
  --rg-verde-scuro:    #1F5A4E;  /* fondi pieni · bianco sopra 7,98 ✓AAA     */
  --rg-verde-medio:    #3E9483;  /* solo fondi e decorazioni · 3,64          */
  --rg-verde-tenue:    #E4F0EC;  /* aree tranquille, stato «tutto bene»      */
  --rg-pesca:          #E8A87C;  /* accento · 2,03 su bianco → MAI testo     */
  --rg-pesca-tenue:    #FBEDE3;  /* fondo caldo                              */
  --rg-ambra:          #B87333;  /* bordi e testo grande · 3,79              */
  --rg-ambra-scura:    #9A5A22;  /* testo caldo · 5,44 ✓AA                   */
  --rg-blu:            #22384A;  /* testo forte · 12,12 ✓AAA                 */
  --rg-blu-medio:      #3E4F5C;  /* testo secondario · 8,48 ✓AAA             */
  --rg-grigio:         #5F6E74;  /* testo terziario · 5,29 ✓AA               */
  --rg-grigio-chiaro:  #9BA5A3;  /* etichette decorative · non per il corpo  */
  --rg-crema:          #FBF8F4;  /* fondo di pagina caldo                    */
  --rg-linea:          #DCE3E1;
  --rg-linea-tenue:    #EDF2F0;
  --rg-bianco:         #FFFFFF;

  /* ── tipografia ──────────────────────────────────────────────────── */
  --rg-font-display: "Nunito", system-ui, sans-serif;   /* logotipo, titoli  */
  --rg-font-testo:   "Figtree", system-ui, sans-serif;  /* corpo, interfaccia*/
  --rg-font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  /* Corpo minimo 18px nell'app dell'assistito — decisione L2, non negoziabile.
     In rem, non in px: chi ha alzato il corpo del testo nelle preferenze del
     browser — gesto comunissimo sopra i sessant'anni, ed è il nostro pubblico —
     con i px non otterrebbe niente (WCAG 1.4.4). Base 16px: 1rem = 16px.
     Mai html { font-size: 62.5% }: è la scorciatoia che rompe proprio quella
     preferenza. Bordi, contorni e crenatura restano in px. */
  --rg-testo-min:      1.125rem;  /* 18px */
  --rg-testo-base:     1.125rem;  /* 18px */
  --rg-testo-grande:   1.375rem;  /* 22px */
  --rg-testo-piccolo:  1rem;      /* 16px — il minimo, sotto non si scende */
  --rg-titolo:         1.75rem;   /* 28px */
  --rg-titolo-grande:  2.125rem;  /* 34px */
  --rg-interlinea:     1.5;

  /* ── bersagli e spazi ────────────────────────────────────────────── */
  /* Il pulsante di conferma del check quotidiano non scende sotto 56px:
     è il gesto che compie ogni giorno una persona di ottant'anni. */
  --rg-bersaglio-min:  44px;
  --rg-bersaglio-conferma: 56px;
  --rg-raggio:         12px;
  --rg-raggio-grande:  18px;

  --rg-sp-1: 4px;  --rg-sp-2: 8px;  --rg-sp-3: 12px; --rg-sp-4: 16px;
  --rg-sp-5: 24px; --rg-sp-6: 32px; --rg-sp-7: 48px; --rg-sp-8: 64px;
}

/* ── coppie testo/fondo verificate ──────────────────────────────────
   Usare queste, non improvvisarne altre. Ogni coppia è ≥ 4,5.

   #22384A su #FFFFFF   12,12      #FFFFFF su #1F5A4E    7,98
   #22384A su #FBF8F4   11,45      #FFFFFF su #2F7A6B    5,10
   #22384A su #E4F0EC   10,37      #FFFFFF su #9A5A22    5,44
   #3E4F5C su #FFFFFF    8,48      #1F5A4E su #E4F0EC    7,54
   #2F7A6B su #FFFFFF    5,10      #9A5A22 su #FBEDE3    4,75
   #5F6E74 su #FFFFFF    5,29

   VIETATE:
   #E8A87C come testo su qualsiasi fondo chiaro   (2,03)
   #2F7A6B su #E4F0EC                             (4,37 — usare verde scuro)
   #FFFFFF su #B87333                             (3,79 — usare ambra scura)
   #22384A su #B87333                             (3,20)
   ──────────────────────────────────────────────────────────────────── */