/* ============================================================
   DG Metal Projects — Tema del brand (ERP)
   Palette, font e regole dal manuale Brand Identity v2.0
   Regola d'uso: 60% neutri chiari · 30% antracite/gunmetal · 10% accento
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
    /* --- Palette primaria (base dell'identità) --- */
    --dg-anthracite:   #1F2328;  /* colore principale: testi, titoli, fondali scuri */
    --dg-gunmetal:     #3A3D45;  /* secondario: testi, blocchi, sfumature acciaio */
    --dg-steel-silver: #C5C7CE;  /* linee, sfondi chiari, separatori */
    --dg-white:        #FFFFFF;  /* spazio, respiro, sfondo predominante */

    /* --- Palette secondaria (accenti, max 10-15% superficie) --- */
    --dg-steel-blue:   #3E5F8A;  /* accento istituzionale, link, evidenze */
    --dg-deep-navy:    #23344D;  /* fondali profondi, sezioni di contrasto */
    --dg-safety-orange:#F47C20;  /* SOLO call-to-action e dettagli chiave */
    --dg-dark-orange:  #C95A00;  /* variante arancio per stampa/contrasto */

    /* --- Colori identitari Italia (solo dettagli, a piccole dosi) --- */
    --dg-verde-italia: #009246;
    --dg-rosso-italia: #CE2B37;

    /* --- Ruoli semantici --- */
    --dg-bg:        var(--dg-white);
    --dg-surface:   #F5F6F8;
    --dg-text:      var(--dg-anthracite);
    --dg-text-soft: var(--dg-gunmetal);
    --dg-border:    var(--dg-steel-silver);
    --dg-accent:    var(--dg-steel-blue);
    --dg-cta:       var(--dg-safety-orange);

    /* --- Semaforo stato (margine, scadenze, salute commessa) --- */
    --dg-ok:      #2E9E5B;
    --dg-warning: #E8A317;
    --dg-danger:  #D64541;

    /* --- Tipografia --- */
    --dg-font-titoli: 'Microgramma D OT', 'Poppins', sans-serif; /* logo/titoli istituzionali */
    --dg-font-base:   'Poppins', system-ui, sans-serif;          /* testo, UI, web */

    --dg-radius: 8px;
    --dg-shadow: 0 1px 3px rgba(31, 35, 40, .12);
}

/* --- Base --- */
body {
    font-family: var(--dg-font-base);
    color: var(--dg-text);
    background: var(--dg-bg);
    font-size: 15px;
    line-height: 1.6;
}

/* Per la dislessia: testo leggermente più spaziato e ad alta leggibilità */
.dg-readable {
    letter-spacing: .015em;
    word-spacing: .05em;
    line-height: 1.8;
}

h1, h2, h3, .dg-titolo {
    font-family: var(--dg-font-base);
    font-weight: 600;
    color: var(--dg-anthracite);
}

a, .dg-link { color: var(--dg-accent); text-decoration: none; }
a:hover     { text-decoration: underline; }

/* --- Bottoni --- */
.dg-btn {
    font-family: var(--dg-font-base);
    font-weight: 600;
    border: none;
    border-radius: var(--dg-radius);
    padding: .55rem 1.1rem;
    cursor: pointer;
}
.dg-btn--primary { background: var(--dg-accent); color: #fff; }      /* azione istituzionale */
.dg-btn--cta     { background: var(--dg-cta); color: #fff; }         /* SOLO call-to-action */
.dg-btn--ghost   { background: transparent; color: var(--dg-text); border: 1px solid var(--dg-border); }

/* --- Card / superfici --- */
.dg-card {
    background: var(--dg-white);
    border: 1px solid var(--dg-border);
    border-radius: var(--dg-radius);
    box-shadow: var(--dg-shadow);
    padding: 1.25rem;
}

/* --- Topbar scura (richiama il logo su nero) --- */
.dg-topbar {
    background: var(--dg-anthracite);
    color: var(--dg-steel-silver);
}

/* --- Badge di stato a semaforo --- */
.dg-badge { border-radius: 999px; padding: .15rem .6rem; font-size: .8rem; font-weight: 600; }
.dg-badge--ok      { background: rgba(46,158,91,.15);  color: var(--dg-ok); }
.dg-badge--warning { background: rgba(232,163,23,.15); color: var(--dg-warning); }
.dg-badge--danger  { background: rgba(214,69,65,.15);  color: var(--dg-danger); }

/* --- Filo tricolore (dettaglio identitario, a piccole dosi) --- */
.dg-tricolore {
    height: 3px;
    background: linear-gradient(90deg,
        var(--dg-verde-italia) 0 33.33%,
        var(--dg-white) 33.33% 66.66%,
        var(--dg-rosso-italia) 66.66% 100%);
}