/* ==================================================================
   LE MISURE COMUNI DELLE STANZE ADMIN

   PERCHÉ  le stanze dell'amministrazione devono somigliarsi: stessa
           scala di testo, stesse pause, stesse ombre. Prima ogni
           pagina ricopiava queste righe nel proprio <style>, e chi
           le dimenticava usciva SENZA misure: variabili non definite,
           testo senza scala, pagina illeggibile. Una regola, un posto.

   COME    si aggancia DOPO base.css e PRIMA dello <style> di pagina:
           <link rel="stylesheet" href="/sito/admin.css">

   COSA    le variabili, più l'unico pezzo di interfaccia identico in
           ogni stanza: il tasto di casa (.casa). Il resto del layout
           resta nello <style> di ogni stanza.
   ================================================================== */

:root{
  --oro:#e6cf93; --oro-chiaro:#f9eecb; --oro-fermo:#d3be93;
  --oro-spento:rgba(211,190,147,.42);
  --verde-vivo:#199e70;          /* acceso: stessa tinta dei documenti nella stanza */
  --mono:ui-monospace,'SF Mono',Menlo,'Roboto Mono',monospace;

  /* La scala del testo: 17px è il PAVIMENTO, non la misura di tutto. */
  --t-segno:1rem;      /* 17,0px — indirizzi, orari, conteggi: segni di macchina */
  --t-corpo:1.09rem;   /* 18,5px — testo corrente */
  --t-voce:1.24rem;    /* 21,1px — il nome di una chiave */
  --t-nome:1.42rem;    /* 24,1px — il nome di una persona al tavolo */

  --pad-l:clamp(1.25rem,3vw,2.6rem);
  --pad-s:clamp(1.1rem,2.2vw,1.6rem);
  --vicino:.9rem;
  --pausa:clamp(3rem,6vw,4.6rem);
  --pausa-lunga:clamp(5rem,10vw,8rem);

  /* Le quote: filo di luce IN CIMA, ombra SOTTO. Mai il contrario. */
  --q3: inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 0 0 1px rgba(233,220,185,.12),
        0 3px 7px rgba(0,0,0,.40), 0 26px 52px rgba(0,0,0,.46), 0 62px 116px rgba(0,0,0,.40);
  --q2: inset 0 1px 0 rgba(255,244,214,.20),
        inset 0 0 0 1px rgba(230,207,147,.16),
        0 2px 5px rgba(0,0,0,.36), 0 16px 34px rgba(0,0,0,.42);
  --q1: inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 0 0 1px rgba(211,190,147,.08),
        0 1px 3px rgba(0,0,0,.30), 0 10px 24px rgba(0,0,0,.36);
  --q0: inset 0 6px 18px rgba(0,0,0,.80),
        inset 0 0 0 1px rgba(0,0,0,.55),
        inset 0 -1px 0 rgba(233,224,199,.11);
}

/* Il tasto di casa — rispecchia .casa di guscio.css, stessa forma. */
.casa{display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:999px;flex:0 0 auto;
  border:1px solid rgba(211,190,147,.38);background:rgba(4,22,18,.58);
  color:var(--oro-fermo);text-decoration:none;
  transition:border-color .18s,color .18s,background .18s,box-shadow .25s}
.casa:hover,.casa:focus-visible{color:var(--oro-chiaro);
  background:rgba(8,36,29,.75);border-color:rgba(230,207,147,.6);
  box-shadow:0 0 16px rgba(230,207,147,.28)}
.casa svg{display:block}