/*
 Theme: DealRocket Child — Design tokens (Fase 0)
 ---------------------------------------------------------------------------
 :root = valori LIGHT = IDENTICI a quelli odierni (zero cambio visivo).
 Il DARK NON vive qui: e' override delle STESSE variabili su html.dr-theme-dark,
 in includes/dr-dark.php. Il flip avviene solo cambiando i VALORI, mai le regole.

 STATO MIGRAZIONE (aggiornare a ogni fase):
   Fase 1 (in corso): superfici core gia' coerenti -> #fff, #eee, #ff5a26,
     #15151a, #f8f9fa, #f5f5f7, #1d1d1f + famiglia accent-soft/deal del box offerta.
   Rinviato: rampa grigi (#666/#999/#6b7280/#9ca3af/#333/#444/#555) -> Fase 3
     (unifica a #6b7280/#9ca3af, delta sub-percepibile, OK da Fabio).
   Rinviato: arancio LEGACY home (#ff4500/#e03e00 in style.css) -> Fase 5
     (live sulla home via templates/page-home.php; tokenizzare a --c-accent-legacy).
 Vedi ARCHITETTURA_NOTIFICHE_DECISIONI.md (sez. dark) + memoria restyling-2026.
 ---------------------------------------------------------------------------
*/
:root{
  /* ---- Superfici ---- */
  --c-bg:            #f5f5f7;   /* sfondo pagina */
  --c-surface:       #ffffff;   /* card / box (il #fff dominante) */
  --c-surface-2:     #f8f9fa;   /* superficie tenue / riga variante */
  --c-surface-3:     #f0f0f0;   /* chip / input (riservato, non in F1) */

  /* ---- Testo ---- */
  --c-text:          #1d1d1f;   /* testo principale */
  --c-text-muted:    #6b7280;   /* secondario (canonico; F3 unifica #666) */
  --c-text-faint:    #9ca3af;   /* terziario (F3 unifica #999) */
  --c-price:         #15151a;   /* prezzo ink */

  /* ---- Bordi ---- */
  --c-border:        #eee;      /* divisore standard */
  --c-border-strong: #ddd;      /* bordo marcato (riservato) */
  --c-border-soft:   #ededf2;   /* border-left riga variante */

  /* ---- Accento brand (arancio restyle) ---- */
  --c-accent:        #ff5a26;
  --c-accent-dark:   #e64a00;
  --c-on-accent:     #ffffff;   /* testo su pillola colorata (NON cambia in dark) */

  /* ---- Famiglia "accent-soft" (box offerta del giorno) ---- */
  --c-accent-ink:        #c2410c;  /* badge testo / "+ altre offerte" */
  --c-accent-tint:       #fff8f3;  /* fondo box */
  --c-accent-tint-2:     #fff6f1;  /* fondo variante principale */
  --c-accent-tint-border:#fce7d6;  /* bordo box / riga tratteggiata */
  --c-accent-chip-bg:    #ffe7d1;  /* fondo badge */

  /* ---- Semantici base ---- */
  --c-deal:   #10b981;   /* verde "sconto -N%" del box offerta */
  --c-amazon: #ff9900;   /* badge merchant (brand-lock, non cambia in dark) */

  /* ---- Blu "avvisi" (notifiche prezzo) ---- */
  --c-alert:        #2563eb;
  --c-alert-dark:   #185fa5;   /* testo/strong blu */
  --c-alert-soft:   #e6f1fb;   /* chip/bottone tenue */
  --c-alert-tint:   #eff5fc;   /* fondo pannello blu chiarissimo */
  --c-alert-border: #d5e5f7;   /* bordi blu */

  /* ---- Rosso (errore / rimuovi) ---- */
  --c-danger:      #e43d30;
  --c-danger-dark: #b91c1c;    /* testo rosso */
  --c-danger-soft: #fee2e2;    /* fondo rosso tenue */

  /* ---- Verde (successo) ---- */
  --c-success:      #16a34a;
  --c-success-soft: #dcfce7;

  /* ---- Ambra (warning) ---- */
  --c-warning-ink:  #92400e;   /* testo ambra */
  --c-warning-soft: #fef3c7;   /* fondo ambra tenue */

  /* ---- Altri accenti notifiche ---- */
  --c-sync:   #0d9488;   /* teal sincronizzazione */
  --c-indigo: #4f46e5;   /* indaco "altre impostazioni" */
  --c-pink:   #ec4899;   /* linea soglia grafico */
}