/* ==========================================================================
   DESIGN TOKENS — sorgente unica per il SILO PHP e per il tema child del blog.
   Il blog (WordPress /blog/) carica questo stesso file: cambiando i valori qui
   cambiano insieme le pagine fuori da WordPress e gli articoli.

   Palette attiva: blu precedente ripulito (#00506F + CTA giallo).
   ========================================================================== */

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/montserrat-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/montserrat-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    /* --- Tipografia --- */
    --font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

    /* --- Inchiostro e carta --- */
    --ink: #14171a;
    --ink-soft: #1a2a36;
    --title-color: var(--ink);
    --text-color: #3c4248;
    --text-muted: #667279;
    --text-on-dark: rgba(255, 255, 255, 0.82);

    --bg-color: #ffffff;
    --page-bg: #f4f6f8;
    --surface: #ffffff;
    --surface-alt: #f7f9fb;
    --surface-muted: #eef3f6;
    --border-color: #dde6eb;
    --border-subtle: #e9eff3;

    /* --- Accento istituzionale: titoli di sezione, link, icone --- */
    --primary-color: #00506f;
    --primary-hover: #003b52;
    --link-color: var(--primary-color);
    --link-hover: var(--primary-hover);

    /* --- Accento conversione: solo pulsanti e invio form --- */
    --accent-fill: #f0b400;
    --accent-fill-hover: #d9a200;
    --accent-fill-text: #191c1f;

    /* --- Hero --- */
    --hero-bg: #1a2a36;
    --hero-scrim: linear-gradient(135deg, rgba(0, 80, 111, 0.28) 0%, rgba(20, 23, 26, 0.58) 100%);

    /* --- Header (navbar fissa sopra il hero) --- */
    --navbar-height: 58px;
    --navbar-bg: rgba(20, 23, 26, 0.88);
    --navbar-link-color: #a6b0b7;
    --navbar-link-hover: #ffffff;
    --navbar-link-hover-bg: var(--primary-color);
    --navbar-link-active-bg: var(--primary-color);
    --navbar-link-size: 14px;
    --navbar-link-weight: 500;

    /* --- Footer --- */
    --footer-bg: var(--ink);
    --footer-text: #9aa4ab;
    --footer-link: #ffffff;

    /* --- Icone come mask SVG inline (nessuna icon font) --- */
    --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 12.3 2 8.1l1.4-1.4 2.8 2.8 6.4-6.4L14 4.5z'/%3E%3C/svg%3E");
}