/* Design tokens condivisi tra dashboard e app cliente
   Riferimento: Plans/design-system.md + ADR-AC-09
   Fonte verita': docs/appcliente/index.html (mockup live)
   S4 (2026-05-19): brand allineato a Miele Red ufficiale Brand Manual 2024 pag 27
   (R140 G0 B20 = #8C0014 = Pantone 704 / RAL 3003).
   Hover schiarisce ~20% lightness (HSL 27%->47%) come da decisione Andrea.
   --brand-dark deprecato (vecchio hover scuro), sostituito da --brand-hover (lighter). */

:root {
  --brand: #8C0014;
  --brand-hover: #C00C20;
  --brand-dark: #8C0014;
  --brand-soft: #FCEEF1;
  --bg: #F5F6F8;
  --surface: #FFFFFF;
  --ink: #0F1419;
  --ink-2: #4A5568;
  --ink-3: #666D78; /* W8 chunk 3: 5.22:1 vs white + 4.83:1 vs bg #F5F6F8 (era #8A93A4 = 3.09:1 fail WCAG AA) */
  --ink-placeholder: #9AA3B2; /* SOLO ::placeholder: con --ink-3 scurito per WCAG l'hint sembrava valore inserito. 2.54:1 vs white, sotto AA di proposito (testo segnaposto, non contenuto). Stesso valore nel :root dashboard. */
  --line: #E4E7EC;
  --ok: #16A34A;
  --ok-text: #15803D; /* W8 chunk 3: 5.02:1 vs white per WCAG AA testo (--ok 3.30:1 troppo chiaro per testo) */
  --ok-soft: #DCFCE7;  /* verde soft per banner/badge reward (coppia con --ok-text), come --brand-soft/--gold-soft */
  --ok-border: #BBF7D0; /* bordo verde soft per .promo-banner--reward (pari a #F3D6DC per il brand) */
  --warn: #D97706;
  --danger: #DC2626;
  --info: #2563EB;
  --info-text: #1D4ED8; /* W8 chunk 3: 6.70:1 vs white + 5.49:1 vs #DBEAFE per WCAG AA testo */
  --gold: #B45309;
  --gold-soft: #FEF3C7;
  --satispay: #FF3625;
  --whatsapp: #25D366;
  --shadow-card: 0 1px 2px rgba(15,20,25,0.04), 0 6px 18px rgba(15,20,25,0.05);
}