/*
 * ============================================================
 *  THEME — Spare Nav.I. & Services
 *  Sito tecnico / navale-industriale
 * ============================================================
 *
 *  PALETTE DI RIFERIMENTO
 *  ──────────────────────
 *  Blu scuro dominante          #152738
 *  Blu di supporto              #10304a
 *  Azzurro                      #4cb3d3
 *  Grigio neutro                #bbbbbb
 *  Grigio chiaro (bg)           #eff1f5
 *  Arancione evidenza           #ff6d53   ← mantenere tono forte/rosso
 *
 * ============================================================
 */

:root {

    /* ── 1. TIPOGRAFIA ───────────────────────────────────────── */

    --body-font-family:     "DM Sans", sans-serif;
    --heading-font-family:  "Barlow Condensed", "DM Sans", "Helvetica Neue", sans-serif;
    --cursive-font-family:  "Yeseva One", serif;
    --icon-font-family:     "Font Awesome 6 Free", FontAwesome;

    --body-font-size:       18px;
    --line-height:          1.4;


    /* ── 2. LAYOUT BASE ──────────────────────────────────────── */

    --margin-bottom-base:   3rem;
    --padding-base:         1rem;
    --slide-padding:        4rem;
    --header-height:        130px;


    /* ── 3. COLORI DI BASE ───────────────────────────────────── */

    --body-bg:              #ffffff;
    --body-color:           #111111;
    --body-color-light:     #666666;


    /* ── 4. PALETTE GREZZA (riferimento interno) ─────────────── */

    --palette-blue-deep:    #10304a;
    --palette-blue-dark:    #152738;
    --palette-blue-mid:     #0e426d;
    --palette-blue-light:   #4cb3d3;
    --palette-blue-pale:    #d0eaf4;

    --palette-gray-mid:     #bbbbbb;
    --palette-gray-light:   #eff1f5;
    --palette-orange:       #ff6d53;
    --palette-orange-dark:  #db2e32;
    --palette-white:        #ffffff;
    --palette-black:        #111111;


    /* ── 5. BLOCCHI COLORE TEMA ──────────────────────────────── */

    /* — Blocco 1: blu scuro dominante — */
    --theme-color1-bg:      var(--palette-blue-dark);
    --theme-color1-bg-alt:  var(--palette-blue-mid);
    --theme-color1-txt:     var(--palette-white);
    --theme-color1-border:  var(--palette-blue-mid);

    /* — Blocco 2: blu di supporto — */
    --theme-color2-bg:      var(--palette-blue-deep);
    --theme-color2-bg-alt:  var(--palette-blue-dark);
    --theme-color2-txt:     var(--palette-white);
    --theme-color2-border:  var(--palette-blue-dark);

    /* — Blocco 3: azzurro — */
    --theme-color3-bg:      var(--palette-blue-light);
    --theme-color3-bg-alt:  var(--palette-blue-pale);
    --theme-color3-txt:     var(--palette-white);
    --theme-color3-border:  var(--palette-blue-mid);

    /* — Blocco 4: grigio neutro — */
    --theme-color4-bg:      var(--palette-gray-light);
    --theme-color4-bg-alt:  var(--palette-gray-mid);
    --theme-color4-txt:     var(--palette-black);
    --theme-color4-border:  var(--palette-gray-mid);

    /* — Evidenza: invariata — */
    --theme-evidence-bg:    var(--palette-orange);
    --theme-evidence-bg-alt:var(--palette-orange-dark);
    --theme-evidence-txt:   var(--palette-white);
    --theme-evidence-border:var(--palette-orange-dark);


    /* ── 6. GRADIENTE DECORATIVO ─────────────────────────────── */

    --gradient-angle:       145deg;

    --gradient:
        linear-gradient(
            var(--gradient-angle),
            var(--palette-blue-deep)  0%,
            var(--palette-blue-dark)  25%,
            var(--palette-blue-mid)   45%,
            var(--palette-blue-light) 65%,
            var(--palette-blue-mid)   80%,
            var(--palette-blue-deep)  100%
        );

    /* variante con accento caldo */
    --gradient-warm:
        linear-gradient(
            var(--gradient-angle),
            var(--palette-orange-dark) 0%,
            var(--palette-blue-dark)   20%,
            var(--palette-blue-mid)    50%,
            var(--palette-blue-light)  80%,
            var(--palette-blue-deep)   100%
        );


    /* ── 7. COLORI BOOTSTRAP / SEMANTICI ────────────────────── */

    /* Blu primario → nuova palette */
    --theme-primary:        var(--palette-blue-dark);
    --theme-primary-dark:   var(--palette-blue-deep);
    --theme-primary-txt:    var(--palette-white);

    --theme-success:        #3cb371;
    --theme-success-txt:    var(--palette-white);

    --theme-warning:        #ffe371;
    --theme-warning-txt:    var(--palette-black);

    --theme-danger:         #ff120d;
    --theme-danger-txt:     var(--palette-white);

    /* Blu info → azzurro della nuova palette */
    --theme-info:           var(--palette-blue-light);
    --theme-info-txt:       var(--palette-white);

    /* alias Bootstrap */
    --bs-primary:           var(--theme-primary);
    --bs-border-color:      #c1c1c1;


    /* ── 8. UTILITY GENERICHE ────────────────────────────────── */

    --bg-light:             var(--palette-gray-light);
    --bg-medium:            var(--palette-gray-mid);
    --bg-dark-txt:          var(--palette-white);

    --border-radius:        .35rem;
    --border-color:         #c1c1c1;
    --border-color-dark:    #999999;

    --box-shadow:
        0 .125rem .25rem rgba(0, 0, 0, .075);

    --box-shadow-md:
        0 .25rem .75rem rgba(21, 39, 56, .15);

    --text-shadow:
        1px 1px 1px rgba(0, 0, 0, .8);

    --text-shadow2:
        1px 1px 5px rgba(0, 0, 0, 1);


    /* ── 9. COLORI PARTI TECNICHE (alder) ───────────────────── */

    --alder-bg:             #ffcc00;
    --alder-txt:            var(--palette-black);

}