/*
  Preset chrome CHIARO — delta MINIMO sul preset scuro: navbar (superficie bianca + testi
  neutri + filo d'accento in testa) e footer chiaro. Tutto il resto — pagina, hero, pannello
  di ricerca, componenti della lista e del dettaglio — resta identico al guscio scuro,
  perché i token non definiti qui ricadono sui fallback dei CSS catalogo, che SONO i valori scuri.

  Scelta del proprietario (verificata a schermo sul cliente AVS): il guscio chiaro deve essere
  il tema di sempre con la navbar bianca, non un secondo design. Una versione precedente di
  questo file ridisegnava anche chip, CTA, header di famiglia, card, tab, footer e colonna
  azioni: troppo delta per un preset, ed è stata ritirata. Se in futuro serve rivedere l'uso
  dell'accento nei componenti, è una decisione GLOBALE di design system, non roba da preset.

  Selezionato con theme.cardealer.chrome=light. Vedi doc BOOTSTRAP_THEME §chrome.
  Ordine di caricamento: app.css → chrome-<preset>.css → skin-<cliente>.css → catalogo/*.css.
  La skin carica DOPO: può rifinire un singolo token senza forkare il preset.
*/
:root, [data-cd-chrome="light"] {
  /* navbar: unica differenza di sostanza. Lo stato attivo/hover resta quello scuro
     (pillola piena d'accento): su una navbar bianca la pillola è piccola e circoscritta,
     quindi non "macchia" — il filo inferiore + l'ombra tenue bastano a staccarla dal
     contenuto anche nelle pagine senza hero. */
  --cd-nav-bg: var(--bs-body-bg);
  --cd-nav-fg: var(--bs-body-color);
  --cd-nav-border: var(--bs-border-color);
  --cd-nav-border-w: 1px;
  --cd-nav-shadow: 0 1px 3px color-mix(in srgb, #000000 12%, transparent);
  /* Filo d'accento in testa: è la firma del sito di riferimento AVS
     (`border-top: 2px solid` rosso sulla navbar, `border-top: 1px` sulle dropdown, che i
     CSS catalogo ricavano dallo stesso token). Àncora la navbar bianca al brand senza
     aggiungere superfici colorate. Per toglierlo: --cd-nav-accent-w: 0. */
  --cd-nav-accent-w: 2px;

  /* Footer chiaro: con navbar bianca, un footer nero lascia tutta la massa scura in fondo
     e sbilancia la pagina. Sono solo token, si torna al nero cancellando queste 5 righe.
     Le tacche d'accento sotto i titoli restano quelle del tema (non tocco i componenti).
     Il fondo è un filo più profondo di quello della pagina (`bg-light` sul body dell'area
     riservata): con lo stesso valore footer e pagina si fondevano. Il filo superiore garantisce
     il distacco anche quando la pagina cambia superficie. --cd-fondo e non --bs-light: è il
     colore che `bg-light` prende davvero, anche col tema scuro (vedi bridge.css). */
  --cd-footer-bg: color-mix(in srgb, var(--cd-fondo) 96%, var(--bs-body-color));
  --cd-footer-fg: var(--bs-secondary-color);
  --cd-footer-heading: var(--bs-body-color);
  --cd-footer-border: var(--bs-border-color);
  --cd-footer-border-w: 1px;

  /* Titolo e testo dell'hero: gli unici testi del catalogo fuori dalla scala --cd-fs-*, perché
     sono l'insegna del guscio e crescono con la finestra. */
  --cd-hero-title-fs: 42px;
  --cd-hero-text-fs: 18px;
}
@media (min-width: 1600px) {
  :root, [data-cd-chrome="light"] { --cd-hero-title-fs: 54px; --cd-hero-text-fs: 21px; }
}
@media (max-width: 575px) {
  :root, [data-cd-chrome="light"] { --cd-hero-title-fs: 28px; }
}

/* Questo preset vale col tema chiaro. Col tema scuro topbar e footer sono quelli del tema scuro, uguali
   per tutti (bridge.css): un logo fatto solo per il bianco lì va su fondo scuro, e per quello esiste
   theme.cardealer.logo-dark. */

/* L'avatar è `bg-light` nel markup: su navbar scura si stacca da sé, su navbar bianca
   servirebbe un filo per non sparire. */
[data-cd-chrome="light"] .avatar {
  border: 1px solid var(--bs-border-color);
}

/* Nessuna sfumatura sull'hero: l'immagine chiude di taglio come sul guscio scuro
   (scelta del proprietario, 2026-08-03). */