/*
  Preset chrome SCURO (default storico del layout catalogo) — nomenclatura --cd-*.
  Il "chrome" è il guscio: navbar, hero/slider, pannello di ricerca flottante, footer.
  I CSS catalogo leggono questi token con fallback su questi stessi valori, quindi il
  preset non è obbligatorio: è la forma esplicita e documentata del default.

  Selezionato con theme.cardealer.chrome=dark (default). 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="dark"] {
  /* pagina */
  --cd-page-bg: var(--bs-body-bg);

  /* navbar */
  --cd-nav-bg: var(--bs-dark);
  --cd-nav-fg: var(--bs-dark-on);
  --cd-nav-border: transparent;
  --cd-nav-border-w: 0;
  --cd-nav-accent-w: 0;
  --cd-nav-shadow: 0 2px 10px color-mix(in srgb, #000000 40%, transparent);
  --cd-nav-active-bg: var(--bs-primary);
  --cd-nav-active-fg: var(--bs-primary-on);
  --cd-nav-active-shadow: none;

  /* hero / slider */
  --cd-hero-bg: var(--bs-dark);
  --cd-hero-fg: var(--bs-dark-on);
  --cd-hero-fg-muted: var(--bs-dark-on-muted);
  --cd-hero-h: 460px;
  --cd-hero-h-sm: 420px;
  --cd-hero-min-h: 240px;
  --cd-hero-overlay-from: 55%;
  --cd-hero-overlay-to: 75%;

  /* pannello di ricerca flottante */
  --cd-panel-radius: 16px;
  --cd-panel-accent-w: 5px;
  --cd-panel-shadow: 0 20px 50px color-mix(in srgb, #000000 35%, transparent);
  --cd-panel-overlap: -190px;
  --cd-panel-overlap-md: -150px;   /* <=991px */
  --cd-panel-overlap-sm: -200px;   /* <=575px */

  /* footer */
  --cd-footer-bg: var(--bs-dark);
  --cd-footer-fg: var(--bs-dark-on-muted);
  --cd-footer-heading: var(--bs-dark-on);
  --cd-footer-border: color-mix(in srgb, var(--bs-dark-on) 12%, transparent);
  --cd-footer-border-w: 0;   /* sul nero il distacco dalla pagina lo fa la superficie */
}