/* ============================================================================
   C3DMS — il marchio.

   Regole del pacchetto di consegna (04-linee-guida/linee-guida-marchio.md) che
   qui diventano CSS:
     - il logotipo e' Titillium Web, «senza alternative»;
     - spazio di rispetto pari al 14 % del lato del marchio sui quattro lati;
     - sotto i 32 px si passa SEMPRE alla versione semplificata;
     - un solo accento, un solo cassetto: il verde non si estende.

   TITILLIUM E' SELF-HOSTATA, non presa da Google Fonts. Il tema Sereno vieta
   qualunque richiesta di rete per la grafica: il prodotto deve girare dietro
   una CSP chiusa e in reti isolate. Il font e' SIL Open Font License, quindi
   ospitarlo e' consentito; i tre pesi latini pesano 36 KB in tutto.

   E' l'UNICO posto in cui Titillium compare: il testo dell'interfaccia resta
   Mulish, i titoli Newsreader, i codici IBM Plex Mono. Titillium e' il
   logotipo, non una quarta famiglia del sistema tipografico.
   ============================================================================ */

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: block;      /* il marchio non lampeggia in un fallback */
  src: url('fonts/titillium-web-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('fonts/titillium-web-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('fonts/titillium-web-700.woff2') format('woff2');
}

/* --- token del marchio (dal pacchetto di consegna) --- */
:root {
  --c3-ink:      #0B2A4A;   /* inchiostro del logotipo */
  --c3-dms:      #2B5C8A;   /* la parola DMS, positivo */
  --c3-dms-neg:  #A9C3DC;   /* la parola DMS, negativo */
  --c3-accento:  #17A76B;   /* il cassetto estratto, e nient'altro */
}

/* --- il lockup --- */
.c3-logo {
  display: inline-flex;
  align-items: center;
  gap: .25em;                       /* un quarto dell'altezza del marchio */
  text-decoration: none;
  line-height: 1;
}
.c3-logo__mark {
  display: block;
  flex: 0 0 auto;
  /* Spazio di rispetto: l'ingombro reale del disegno e' x 18→86, y 12→91 su
     una griglia 100. Il margine del 14 % e' gia' dentro il viewBox. */
}
.c3-logo__type {
  display: flex;
  flex-direction: column;
  gap: .18em;
}
.c3-logo__name {
  font-family: 'Titillium Web', system-ui, sans-serif !important;
  white-space: nowrap;
}
.c3-logo__c3 {
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--c3-ink);
}
.c3-logo__dms {
  font-weight: 400;
  letter-spacing: 0.01em;
  color: var(--c3-dms);
  margin-left: 0.27em;              /* DMS sta staccato: il lockup approvato */
}
.c3-logo__payoff {
  font-family: 'Titillium Web', system-ui, sans-serif !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--c3-dms);
  /* La consegna dice «25 % del logotipo». In CSS una percentuale su font-size
     si risolve sul PADRE, che qui eredita i 14 px del corpo: scritta cosi' il
     payoff usciva a 3,5 px, cioe' una sbavatura grigia. La misura sta quindi
     sui modificatori, in pixel, con un pavimento di leggibilita'. */
}

/* --- negativo: su fondo inchiostro o sulla rail --- */
.c3-logo--neg .c3-logo__c3     { color: #FFFFFF; }
.c3-logo--neg .c3-logo__dms    { color: var(--c3-dms-neg); }
.c3-logo--neg .c3-logo__payoff { color: var(--c3-dms-neg); }

/* --- misure --- */
.c3-logo--sm .c3-logo__mark { width: 26px; height: 26px; }
.c3-logo--sm .c3-logo__name { font-size: 17px; }

.c3-logo--md .c3-logo__mark { width: 34px; height: 34px; }
.c3-logo--md .c3-logo__name { font-size: 21px; }

.c3-logo--lg .c3-logo__mark { width: 48px; height: 48px; }
.c3-logo--lg .c3-logo__name { font-size: 30px; }
.c3-logo--lg .c3-logo__payoff { font-size: 9px; }

/* Il payoff NON si rende sotto la misura grande: a quella scala non si legge, e
   un payoff illeggibile e' rumore, non identita'. Le linee guida ammettono il
   lockup senza payoff e il solo marchio. */
.c3-logo--sm .c3-logo__payoff,
.c3-logo--md .c3-logo__payoff { display: none; }

/* Il body del tema forza --font-sans su tutti i discendenti con !important:
   senza l'!important qui sopra il logotipo renderebbe in Mulish e nessuno
   protesterebbe. E' la trappola che in Brezza 2.8.0 rese .ax-otp in Manrope. */