/*
 * eShopping Salerno — Brand overlay "Warm Mediterranean".
 *
 * Caricato DOPO telaio-theme.css e prezzly-brand.css: ridefinisce la rampa
 * primaria (ex indaco Prezzly) sulla terracotta del brand e rimappa i token
 * semantici sulla palette mediterranea (terracotta + mare + limone + ulivo).
 * Allineato a wp-content/themes/eshoppingsalerno/theme.json (tema v5.4.0).
 *
 * Nessuno stile strutturale qui: solo custom properties → il rebranding è una
 * sola passata di variabili, gli stili "t-" e "pz-" restano invariati.
 */
:root {
    /* Rampa primaria → Terracotta (600 = brand #C5552D; 700/800 = terra-dark/strong del tema). */
    --t-color-indigo-50:  #FBF0EB;
    --t-color-indigo-100: #F5DACE;
    --t-color-indigo-200: #E9B49D;
    --t-color-indigo-300: #DD8E6C;
    --t-color-indigo-400: #D1683B;
    --t-color-indigo-500: #CE6A41;
    --t-color-indigo-600: #C5552D; /* terracotta — primary/CTA */
    --t-color-indigo-700: #9E4323; /* terra-dark — hover */
    --t-color-indigo-800: #7D3419; /* terra-strong — active */
    --t-color-indigo-900: #5C2611;

    /* Rampa secondaria → Mare profondo (hero, header, footer). */
    --t-color-navy-50:  #EAF2F5;
    --t-color-navy-100: #C9DEE6;
    --t-color-navy-200: #9CC1CE;
    --t-color-navy-300: #6BA0B3;
    --t-color-navy-400: #3D7E97;
    --t-color-navy-500: #1A6480;
    --t-color-navy-600: #0E4D64; /* mare profondo */
    --t-color-navy-700: #0B3F52;
    --t-color-navy-800: #083444; /* mare profondissimo — footer */
    --t-color-navy-900: #05242F;

    /* Rampa accento caldo → Limone Amalfi. */
    --t-color-gold-50:  #FDF8E7;
    --t-color-gold-100: #FAEEBE;
    --t-color-gold-200: #F3DC85;
    --t-color-gold-300: #ECC94C;
    --t-color-gold-400: #E8C341; /* limone Amalfi */
    --t-color-gold-500: #CDA92F;
    --t-color-gold-600: #A8881F;
    --t-color-gold-700: #806715;
    --t-color-gold-800: #5C4A0E;
    --t-color-gold-900: #3D3108;

    /* Token semantici espliciti (robustezza, se non derivano dalla rampa). */
    --t-action-primary:        #C5552D;
    --t-action-primary-hover:  #9E4323;
    --t-action-primary-active: #7D3419;
    --t-action-primary-text:   #FFFFFF;

    --t-link:         #0E4D64; /* link su testo: mare profondo, ottimo contrasto */
    --t-link-hover:   #C5552D; /* hover terracotta */
    --t-link-visited: #7D3419;

    --t-focus-ring-color: #C5552D;

    /* Sfondo pagina su carta avorio del tema (warm). */
    --t-bg-page: #F6F1E7;

    /* Accento "ulivo" per badge DOP/IGP/territoriali (uso opzionale nei template). */
    --ess-color-ulivo: #6B7A3A;
    --ess-color-limone: #E8C341;
    --ess-color-terra:  #C5552D;
    --ess-color-mare:   #0E4D64;
}

/* Logo header: pallino brand su terracotta invece di indaco. */
.pz-logo__mark,
.t-account-shell__brand-dot {
    background: var(--ess-color-terra) !important;
}

/* ============================================================
 *  Tipografia Warm Mediterranean (self-hosted, GDPR-safe)
 *  DM Serif Display (display) + Inter Tight (body) + JetBrains Mono.
 *  Font ripresi dal tema WordPress v5.4.0.
 * ============================================================ */
@font-face {
    font-family: 'DM Serif Display';
    font-style: normal; font-weight: 400; font-display: swap;
    src: url('/fonts/dm-serif-display-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'DM Serif Display';
    font-style: normal; font-weight: 400; font-display: swap;
    src: url('/fonts/dm-serif-display-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'DM Serif Display';
    font-style: italic; font-weight: 400; font-display: swap;
    src: url('/fonts/dm-serif-display-italic-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter Tight';
    font-style: normal; font-weight: 300 700; font-display: swap;
    src: url('/fonts/inter-tight-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter Tight';
    font-style: normal; font-weight: 300 700; font-display: swap;
    src: url('/fonts/inter-tight-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal; font-weight: 400 600; font-display: swap;
    src: url('/fonts/jetbrains-mono-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2074, U+20AC, U+2122, U+FEFF, U+FFFD;
}

:root {
    --t-font-display: 'DM Serif Display', Georgia, 'Times New Roman', serif;
    --t-font-body:    'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --t-font-mono:    'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
}