/* ═══ variables.css | Vocabolario Calitrano ═══ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      /* ── Radius di sistema ── */
      --r-sm:  4px;    /* input, bottoni */
      --r-md:  6px;    /* card, pannelli */
      --r-pill: 999px; /* pill toggle */

      --rosso:      #8b1a1a;
      --rosso-mid:  #a82020;
      --rosso-deep: #5e0e0e;
      --rosso-hover:#7e1616;
      --oro:        #c8922a;
      --oro-light:  #e0ae48;
      --verde:      #3a5a28;
      --argento:    #f2ede2;
      --carta:      #f7f2e8;
      --carta2:     #ede6d4;
      --carta3:     #e0d8c4;
      --ink:        #1a1510;
      --ink2:       #2e2418;
      --muted:      #6a5e4a;
      --bianco:     #fdfaf3;
      --sat: env(safe-area-inset-top,0px);
      --sab: env(safe-area-inset-bottom,0px);
      --sal: env(safe-area-inset-left,0px);
      --sar: env(safe-area-inset-right,0px);
      --topbar-h: 62px;
    }