/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'); */
/*
  Skin JORA (Jora Solutions) — nomenclatura Bootstrap 5.3.
  È il marchio con cui PiGreco FVG presenta catalogo e area riservata nel mondo autoricambi:
  la palette è quella del sito istituzionale Jora (carta crema, nero caldo, arancio di marca),
  qui tradotta nei ruoli --bs-*. Non è un cliente: è la skin delle DEMO.
  Convenzioni (vedi doc BOOTSTRAP_THEME): --bs-<c>-on = testo sul fill; --bs-<c>-text-emphasis = testo su fondo chiaro.
  Selezionata con theme.cardealer.skin=jora.

  Struttura identica a tutte le altre skin: SOLO colore, più --cd-font-sans (Poppins è l'unica
  famiglia del marchio, importata in testa a questo file; senza rete si ricade sullo stack di
  sistema). Nessun altro token fuori dal contratto skin.

  Corrispondenza con i token del sito istituzionale:
    --card #ffffff    -> --bs-body-bg          (il body resta bianco, come nelle altre skin)
    --surface #f1ede7 / --bg #faf8f5 -> --bs-light e le superfici (body dell'area riservata)
    --dark #14100d    -> --bs-dark (navbar/hero/footer sul guscio scuro), --dark-2 #1e1813 -> --dark-soft
    --ink #191512     -> --bs-body-color, --ink-soft #57514a -> --bs-secondary-color, --ink-faint #8b847b -> --bs-tertiary-color
    --jora-orange #fe531f      -> --bs-primary (riempimenti)
    --jora-orange-hover #d3430f-> --bs-primary-hover
    --jora-orange-text #c43e0b -> --bs-primary-text-emphasis (5.2:1 su bianco)
    --pigreco-blue #1f6fb2     -> --bs-info (l'accento del partner vive nel ruolo informativo)

  ⚠️ --bs-primary-on è BIANCO per decisione del proprietario: è il modo in cui il marchio si
  presenta. Il prezzo è misurato: bianco su #fe531f sta a 3.24:1, sotto i 4.5:1 dell'AA (passa
  solo come testo grande). Se un giorno serve chiudere l'accessibilità la leva è UNA e sta qui:
  --bs-primary:#d3430f (l'arancio profondo, 4.48:1 col bianco) oppure --bs-primary-on:#14100d
  (5.83:1). Non si riveste il bottone altrove.

  Il guscio (navbar/hero/footer) NON sta qui: è il preset chrome. Per Jora va lo SCURO
  (theme.cardealer.chrome=dark, il default): --bs-dark porta il nero caldo #14100d del sito.
*/
:root, [data-bs-theme="light"] {
  --bs-primary:#fe531f;   --bs-primary-rgb:254,83,31;    --bs-primary-on:#ffffff;
  --bs-secondary:#241d17; --bs-secondary-rgb:36,29,23;   --bs-secondary-on:#ffffff;   /* neutro caldo: il 2° colore di Jora è il nero caldo, non un secondo accento */
  --bs-success:#217a46;   --bs-success-rgb:33,122,70;    --bs-success-on:#ffffff;
  --bs-danger:#9e1c26;    --bs-danger-rgb:158,28,38;     --bs-danger-on:#ffffff;      /* rosso mattone cupo: accanto a un primary ARANCIO un rosso acceso non si distingue */
  --bs-warning:#e8b400;   --bs-warning-rgb:232,180,0;    --bs-warning-on:#111111;     /* ambra spinta sul giallo (46°) per staccare dall'arancio di marca (14°) */
  --bs-info:#1f6fb2;      --bs-info-rgb:31,111,178;      --bs-info-on:#ffffff;        /* blu PiGreco: unico freddo della palette, quindi legge sempre come "informativo" */
  --bs-light:#faf8f5;     --bs-light-rgb:250,248,245;
  --bs-dark:#14100d;      --bs-dark-rgb:20,16,13;

  --bs-body-bg:#ffffff; --bs-body-bg-rgb:255,255,255;
  --bs-body-color:#191512; --bs-body-color-rgb:25,21,18;
  --bs-emphasis-color:#14100d;
  /* Le utility di superficie (bg-body-secondary/-tertiary) leggono la tripletta --bs-*-bg-rgb,
     non l'hex: senza di essa restano sui grigi freddi di Bootstrap, stonati su una palette calda.
     Vanno sempre in coppia hex + rgb (come in skin-avs). */
  --bs-secondary-color:#57514a; --bs-secondary-bg:#faf8f5; --bs-secondary-bg-rgb:250,248,245;
  --bs-tertiary-color:#8b847b;  --bs-tertiary-bg:#faf8f5;  --bs-tertiary-bg-rgb:250,248,245;
  --bs-border-color:#e4e0d9;

  --bs-primary-bg-subtle:color-mix(in srgb,var(--bs-primary) 12%,var(--bs-body-bg));
  --bs-primary-border-subtle:color-mix(in srgb,var(--bs-primary) 35%,var(--bs-body-bg));
  --bs-primary-text-emphasis:#c43e0b;
  --bs-secondary-bg-subtle:color-mix(in srgb,var(--bs-secondary) 10%,var(--bs-body-bg));
  --bs-secondary-border-subtle:color-mix(in srgb,var(--bs-secondary) 30%,var(--bs-body-bg));
  --bs-secondary-text-emphasis:#241d17;
  --bs-success-bg-subtle:color-mix(in srgb,var(--bs-success) 12%,var(--bs-body-bg));
  --bs-success-border-subtle:color-mix(in srgb,var(--bs-success) 35%,var(--bs-body-bg));
  --bs-success-text-emphasis:color-mix(in srgb,var(--bs-success) 60%,var(--bs-emphasis-color));
  --bs-danger-bg-subtle:color-mix(in srgb,var(--bs-danger) 12%,var(--bs-body-bg));
  --bs-danger-border-subtle:color-mix(in srgb,var(--bs-danger) 35%,var(--bs-body-bg));
  --bs-danger-text-emphasis:color-mix(in srgb,var(--bs-danger) 60%,var(--bs-emphasis-color));
  --bs-warning-bg-subtle:color-mix(in srgb,var(--bs-warning) 16%,var(--bs-body-bg));
  --bs-warning-border-subtle:color-mix(in srgb,var(--bs-warning) 40%,var(--bs-body-bg));
  --bs-warning-text-emphasis:#7a5a00;
  --bs-info-bg-subtle:color-mix(in srgb,var(--bs-info) 12%,var(--bs-body-bg));
  --bs-info-border-subtle:color-mix(in srgb,var(--bs-info) 35%,var(--bs-body-bg));
  --bs-info-text-emphasis:color-mix(in srgb,var(--bs-info) 60%,var(--bs-emphasis-color));

  /* alias legacy (auth.html / tema CarDealer) */
  --cd-primary-color:var(--bs-primary); --cd-on-primary:var(--bs-primary-on);
  --cd-primary-text:var(--bs-primary-text-emphasis);
  --primary-color:var(--bs-primary); --primary-hover:#d3430f; --on-primary:var(--bs-primary-on);
  --dark-color:var(--bs-dark); --dark-soft:#1e1813; --light-color:var(--bs-light);
  --text-muted:var(--bs-secondary-color); --border-color:var(--bs-border-color); --body-bg:var(--bs-body-bg);
  --surface-muted:var(--bs-tertiary-bg); --surface-muted-hover:color-mix(in srgb,var(--bs-tertiary-bg) 92%,var(--bs-body-color));
  --success-color:var(--bs-success); --danger-color:var(--bs-danger); --warning-color:var(--bs-warning);
  --slide-text:#b3aca2;

  /* extra --bs-* consumati dai CSS catalogo (hover primario, chrome scuro) */
  --bs-primary-hover:#d3430f;   /* --jora-orange-hover del sito, non un color-mix verso il nero */
  --bs-dark-on:#f7f4f0; --bs-dark-on-muted:#b3aca2;   /* i bianchi di Jora sono caldi, non #fff */

  /* Poppins: unica famiglia del marchio (vedi @import in testa). È l'unico token fuori dal
     colore che questa skin porta. */
  /* --cd-font-sans:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; */
  --cd-logo-h:70px;
}

[data-bs-theme="dark"] {
  /* I neutri (fondo, pannelli, testi, bordi) sono la scala unica del tema scuro in bridge.css:
     qui solo gli accenti della marca. */
  --bs-secondary:#f1ede7; --bs-secondary-rgb:241,237,231; --bs-secondary-on:#14100d;
  --bs-primary-bg-subtle:color-mix(in srgb,var(--bs-primary) 12%,var(--bs-body-bg));
  --bs-primary-text-emphasis:#fd9b29;   /* l'arancio del logo: su fondo scuro brilla e si legge */
  --bs-secondary-text-emphasis:#f1ede7;
  --bs-success-text-emphasis:#91bda3;
  --bs-danger-text-emphasis:#d9a7aa;
  --bs-info-text-emphasis:color-mix(in srgb,var(--bs-info) 49%,white);
  --bs-warning-text-emphasis:#ffd84d;
  --slide-text:#8b847b;
}