/* Palette ricavata direttamente dai pixel della chiave (chiave.png).
   Sei toni campionati, tutti sulla stessa tinta (hue ~31°), saturazione 26-51%:

     #503B24  il più scuro      -> fasce di contrasto, testo bianco (10.5:1)
     #836647  medio-scuro       -> testo e icone d'accento su chiaro (5.3:1)
     #A28261  dominante          -> bordi, filetti, dettagli
     #BB9B79  medio-chiaro      -> colore pieno di pulsanti e fasce
     #D0B495  chiaro            -> sfumature
     #E7D0B5  il più chiaro     -> tinte tenui

   Il pieno usa #BB9B79 con testo scuro #3F2E1B (4.99:1): il marrone resta
   morbido invece di dover scurire per reggere il bianco. */
:root {
  --primary-color: #BB9B79;
  --primary-color-rgb: 187,155,121;
  --primary-color-2: #D0B495;
  --primary-color-2-rgb: 208,180,149;
  --secondary-color: #836647;
  --secondary-color-rgb: 131,102,71;

  --pal-crema:   #F7F2EA;
  --pal-soffuso: #EADFCE;
  --pal-light:   #D0B495;
  --pal-mid:     #BB9B79;
  --pal-tone:    #A28261;
  --pal-accent:  #836647;
  --pal-dark:    #503B24;
  --pal-ink:     #3F2E1B;
}