/* Token di design – La Bici.
   Struttura e tipografia dal sito di riferimento (grigio officina, Archivo maiuscolo, Plex Mono per i dati tecnici).
   Colore d'accento proprio: arancio "segnale", nella famiglia del gradiente rosso-giallo del marchio. Per cambiarlo basta --accento (e --accento-forte / --accento-velo).
   Solo tema chiaro: le foto del catalogo sono su fondo bianco e il marchio nasce su grigio chiaro. */
:root {
  --font-titoli: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-testo: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fondo: #e9eae6;           /* grigio officina */
  --fondo-profondo: #d6d8d2;
  --superficie: #ffffff;       /* pannelli */
  --foto-fondo: #ffffff;       /* fondo delle foto prodotto (sono su bianco) */
  --inchiostro: #15181a;
  --inchiostro-2: #3e4446;
  --inchiostro-3: #646c6a;
  --riga: rgb(21 24 26 / 0.14);
  --riga-forte: rgb(21 24 26 / 0.32);

  --accento: #c2410c;          /* arancio segnale */
  --accento-forte: #9a3412;
  --accento-velo: #fbe8de;
  --su-accento: #ffffff;

  --elettrico: #0059b8;        /* etichetta eBike */
  --elettrico-velo: #e3effc;
  --ok: #1f7a35;
  --attenzione: #a15c07;
  --errore: #b4331f;
  --errore-velo: #f8e6e2;

  --fascia: #15181a;           /* banda scura (CTA) */
  --su-fascia: #e9eae6;

  --marchio-rosso: #e3312d;    /* estremi del gradiente del marchio (in public/img/marchio.svg) */
  --marchio-giallo: #ffd000;

  --shell: 1280px;
  --margine: clamp(1rem, 5vw, 4rem);
  --spazio-sezione: clamp(3.5rem, 8vw, 6.5rem);
  --raggio: 0px;
  --ombra-foto: none;
  --durata: 180ms;

  color-scheme: light;
}