/* Tema "moderno" — angoli tondi, superfici morbide, niente maiuscolo spaziato.
 *
 * E' il tema predefinito di TouchDesk: si carica per ultimo e ridefinisce i
 * gettoni. Il colore resta quello della configurazione (BRAND_COLORE): questo
 * foglio lo usa, non lo decide, cosi' ogni installazione mantiene il proprio.
 */
:root {
    --raggio: 8px;
    --raggio-grande: 14px;
    --ombra: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 12px rgba(16, 24, 40, .05);
    --maiuscolo: none;
    --tracking: 0;
    --azione-bg: var(--green);
    --azione-fg: #fff;
    --superficie: var(--bg);
    --h-logo: 34px;
    --w-logo-accesso: 300px;
    --focus-bordo: var(--green);
    --focus-alone: 0 0 0 3px color-mix(in srgb, var(--green) 18%, transparent);
}

:root[data-theme="dark"] {
    --ombra: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3);
    --azione-fg: #fff;
}

.site-header { box-shadow: none; }
.main-nav a { border-radius: 999px; font-weight: 500; }

h1, h2, h3 { letter-spacing: -0.01em; }

.btn-primary { font-weight: 600; }
.btn-secondary, .btn { box-shadow: var(--ombra); }
.btn-secondary:hover { background: var(--row-alt); }

table.elenco th { font-weight: 600; }