/* ============================================================
   COAL CASAGRANDE — Brand tokens (UNICA fonte di verità della grafica).
   Gestita da Mari8store HR. Modificare QUI cambia ENTRAMBE le piattaforme:
   - HR      → https://gestione.mari8store.com
   - CoalNET → https://gestionale.mari8store.com
   CoalNET la include con:
     <link rel="stylesheet" href="https://gestione.mari8store.com/brand.css" />
   Logo unico (un solo file): https://gestione.mari8store.com/logo.svg

   Per "ingrandire il logo" basta cambiare --coal-logo-h qui sotto: la barra
   si adatta da sola (--coal-topbar-h è calcolata sull'altezza del logo).
   ============================================================ */
:root {
  /* —— colori brand —— */
  --coal-green:         #274A2D;   /* verde scuro: sidebar, pillola attiva, avatar */
  --coal-green-dark:    #1d3a23;   /* verde più scuro (~10% di --coal-green): bordi avatar, hover scuri */
  --coal-lime:          #8EC156;   /* accent: voce attiva, hairline, evidenze */

  /* —— topbar condivisa —— */
  --coal-topbar-bg:     #d8e5c0;   /* sfondo barra superiore */
  --coal-topbar-border: #bccf96;   /* bordo inferiore barra */
  --coal-hairline:      var(--coal-lime);            /* riga sottile sotto la barra */

  /* —— dimensioni (i "knob" che chiede Lorenzo) —— */
  --coal-logo-h:        64px;                          /* ← altezza logo */
  --coal-topbar-h:      calc(var(--coal-logo-h) + 8px); /* barra = logo + respiro */
}