/* =========================================================
   THEME OVERRIDE • FUNSPORTONLINE.COM
   (incollalo DOPO app.css)
========================================================= */

:root{
  /* Background generale (pastello) */
  --bg: #EEF6F6;

  /* Card */
  --card: #FFFFFF;

  /* Testi */
  --text: #121826;
  --muted: #6B7280;

  /* Linee / bordi */
  --line: rgba(17,24,39,.08);

  /* ---- QUI METTI I COLORI DEL SITO FUNSPORT ----
     Sostituisci questi placeholder con i tuoi HEX reali.
  */

  /* PRIMARY: colore principale (es. blu/azzurro/teal del brand) */
  --primary: #2BB3C0;       /* <--- sostituisci */
  --primary-600: #1698A4;   /* <--- sostituisci */
  --primary-soft: rgba(43,179,192,.18);

  /* ACCENT: colore “call to action” (al posto del salmone) */
  --accent: #3F7DFF;        /* <--- sostituisci */
  --accent-600: #2E65E8;    /* <--- sostituisci */
  --accent-soft: rgba(63,125,255,.18);

  /* SUCCESS / INFO (puoi lasciarli se ti piacciono) */
  --green-soft: #DFF7EA;
  --green-text: #137A4B;

  --blue-soft: #DFF0FF;
  --blue-text: #1166C2;

  /* Bottom pill */
  --pill: rgba(255,255,255,.72); /* più elegante se vuoi staccarlo dal salmone */
}

/* =========================================================
   MAPPING: sostituzione colori “salmone” con ACCENT
========================================================= */

/* Chips arancioni -> ACCENT */
.chip-1, .chip-2, .chip-3, .chip-4{
  background: var(--accent) !important;
}

/* Day chip active */
.day-chip.active{
  background: var(--accent) !important;
}

/* Link e CTA (se usi inline style nei bottoni, meglio togliere inline e usare queste classi) */
.btn-accent{
  background: var(--accent) !important;
  color: #fff !important;
  border-radius: 18px !important;
  font-weight: 800 !important;
  border: 0 !important;
}

.btn-accent:hover{
  background: var(--accent-600) !important;
}

/* Bottom nav pill (se vuoi) */
.bottom-pill{
  background: var(--pill) !important;
  border: 1px solid var(--line);
}