/* ============================================================
   SIRIA — Variabili CSS brand condivise
   Usato da: siriatest.com e commerce2.siriatest.com
   ============================================================ */

:root {
    /* Brand — blu */
    /* --blue:        rgb(37, 54, 116); */
    --blue:        #172983;
    --blue-rgb:    23, 41, 131; /* stessi valori di --blue, in tripletta numerica per rgba(var(--blue-rgb), alpha) */
    --blue-dark:   rgb(15, 29, 73);
    --blue-light:  rgb(53, 81, 171);
    --blue-pale:   #eef1f8;
    --info:        #1f60a4;
    --info-pale:   #add8e6;

    /* Brand — giallo (usato per gli articoli "in evidenza") */
    --yellow:       rgb(245, 188, 23);
    --yellow-dark:  rgb(217, 164, 6);
    /* allineato all'arancio del logo SVG (#ea690b) */
    --orange:       #ea690b;
    --orange-dark:  #c85808;
    --orange-light: rgb(254, 215, 170);
    --orange-pale:  rgb(255, 247, 237);

    /* --yellow:       rgb(235, 105, 11);
    --yellow-dark:  rgb(200, 83, 0);
    --yellow-light: rgb(248, 137, 58);
    --yellow-pale:  rgb(251, 193, 151); */

    /* Stato */
    --green:        #15803d;
    --green-light:  #86efac;
    /* --orange:       #f18700;
    --orange-light: #fed7aa;
    --orange-pale:  #fff7ed;
    --orange-dark:  #9a3412; */
    --red:          #dc2626;
    --red-dark:     #c53030;
    --whatsapp:     #25d366;
    --indigo:       #4f46e5; /* badge Omaggio, per distinguerlo dal verde di Promo */

    /* Neutri */
    --text:        #1a1a2e;
    --text-muted:  #6b7280;
    --bg-light:    #f8f9fc;
    --white:       #ffffff;
    --black:       #000000;
    --gray-50:     #f8f9fc;
    --gray-75:     #f4f5f9;
    --gray-100:    #f0f0f0;
    --gray-200:    #e4e4e4;
    --gray-300:    #d8d8d8;
    --gray-400:    #b7b7b7;
    --gray-500:    #777777;
    --gray-600:    #555555;
    --gray-700:    #404040;
    --gray-800:    #272727;
    --gray-900:    #111111;

    /* Forme / movimento */
    --radius:      8px;
    --radius-md:   11px;
    --radius-lg:   14px;
    --shadow-sm:   0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
    --shadow:      0 4px 16px rgba(var(--blue-rgb),.12);
    --shadow-lg:   0 10px 40px rgba(var(--blue-rgb),.18);
    /* ombre colorate: base grigia neutra + punta del colore dell'elemento */
    --shadow-blue:         0 2px 8px rgba(0,0,0,.14), 0 2px 10px rgba(var(--blue-rgb),.16);
    --shadow-blue-hover:   0 4px 16px rgba(0,0,0,.18), 0 4px 18px rgba(var(--blue-rgb),.20);
    --shadow-orange:       0 2px 8px rgba(0,0,0,.14), 0 2px 10px rgba(234,105,11,.16);
    --shadow-orange-hover: 0 4px 16px rgba(0,0,0,.18), 0 4px 18px rgba(234,105,11,.20);
    /* anello di focus sugli input (:focus) */
    --focus-ring:        0 0 0 3px rgba(var(--blue-rgb),.10);
    --focus-ring-orange: 0 0 0 3px rgba(234,105,11,.20);
    --shadow-green:        0 4px 14px rgba(0,0,0,.14), 0 4px 16px rgba(37,211,102,.18);
    --shadow-green-hover:  0 8px 22px rgba(0,0,0,.18), 0 8px 24px rgba(37,211,102,.22);
    --transition:  all .25s cubic-bezier(.4,0,.2,1);
}