/* ==========================================================================
   Ondata 1 — Livello SOBRIO per observations.html
   Riporta l'identità "neon" (accenti per categoria, aloni, gradienti ciano)
   al canone azzurro/sobrio di app.css. Il velo smerigliato (canone) resta.
   Caricato DOPO styles.css → vince in cascata.
   REVERSIBILE: rimuovere il <link> a sober.css in observations.html.
   Progetto: ~/projects/design_unification (PLAN.md / TOKENS.md)
   ========================================================================== */

/* --- Token: spegne accenti per categoria, aloni e gradienti ciano ---------- */
:root,
[data-theme="light"],
[data-theme="dark"] {
  /* Accenti per categoria → tinte tenui desaturate (wayfinding, niente neon).
     Originali neon: radar #00E676, satellite #E040FB, stazioni #FF6D00. */
  --accent-primary:   #1a73e8 !important;  /* azzurro del marchio */
  --accent-radar:     #34a853 !important;  /* verde calmo (= --secondary canone) */
  --accent-satellite: #9575cd !important;  /* viola calmo */
  --accent-stations:  #e0823c !important;  /* arancio calmo */
  --accent-settings:  #5f6368 !important;  /* grigio neutro */
  --tab-active:       #1a73e8 !important;

  /* Aloni neon → spenti */
  --glow-primary:   none !important;
  --glow-radar:     none !important;
  --glow-satellite: none !important;
  --glow-stations:  none !important;

  /* Gradienti azzurro→ciano → tinta piatta del marchio */
  --gradient-primary:     #1a73e8 !important;
  --gradient-header:      rgba(26, 115, 232, 0.92) !important;
  --gradient-header-dark: rgba(15, 23, 42, 0.96) !important;
}

/* --- Pulsanti categoria (colonna destra): via l'alone, riempimento sobrio --- */
.ps-btn.active {
  background: #1a73e8 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
}

/* --- Altri aloni neon vistosi → ombra neutra/assente ----------------------- */
.wind-mode-pill[aria-pressed="true"] {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
}
.tl-bar.data-updated {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.tl-hairline {
  box-shadow: none !important;
  animation: none !important;
}
[data-theme="dark"] .timeline-slider::-webkit-slider-thumb,
.timeline-slider::-webkit-slider-thumb {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Logo in testata: via l'alone bianco, resta solo un'ombra neutra di leggibilità */
.header-logo {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}