/* * Foglio di stile del KDS — recuperato dal sistema legacy * (legacy/kds.assodoro.com/public_html/index.html), mai portato nella * riscrittura TypeScript. Stessa causa del POS: componenti ricostruiti da * zero come placeholder minimi, mai sostituiti col vero stile (timer, * pulsazioni sui nuovi ordini, badge di stato colorati, elevazione). */ /* Ponte col tema dinamico: stessi NOMI di variabile del legacy (--primary/--bg/--surface/...), cosi' le ~380 righe sotto restano verbatim, ma le fonti sono quelle vere gia' esposte da ThemeProvider (vedi packages/design-system/src/theme/ThemeProvider.tsx) invece di un tema scuro statico cablato una volta per tutte. I colori di stato (verde/giallo/rosso/blu/viola) restano fissi: sono codice colore informativo sullo stato degli ordini (nuovo/in preparazione/pronto), non brand del cliente — nessun campo dinamico li copre. Scoped su [data-assodoro-theme-root] (dove ThemeProvider mette le sue variabili), NON su :root: vedi il commento su `body` sotto per il motivo. */ [data-assodoro-theme-root] { --primary: var(--md-primary); --primary-dim: rgba(157,32,35,.18); --bg: var(--md-bg); --surface: var(--md-surface); /* Letterale come nel legacy: agganciata a --md-surface-variant la tinta calda spariva e le superfici diventavano grigio neutro, stonando con --surface3 rimasta bruna. */ --surface2: #221817; --surface3: #2e2120; --text: var(--md-on-surface); /* Il legacy NON tematizzava questa variabile: era il letterale qui sotto. Agganciarla a `--md-outline` l'ha resa il colore dei BORDI, che nel tema di produzione e' un grigio scuro (#605D66): il testo secondario e' cosi' sceso a ~2.9:1 di contrasto, sotto la soglia di leggibilita', su ogni schermata di questa app. */ --muted: #c4aeab; --outline: var(--md-outline); --green: #3EDA8A; --green-dim: rgba(62,218,138,.15); --yellow: #FFD34E; --yellow-dim: rgba(255,211,78,.15); --red: #FF5370; --red-dim: rgba(255,83,112,.15); --blue: #52AEFF; --blue-dim: rgba(82,174,255,.15); --purple: #C084FC; --mono: var(--assodoro-font); --sans: var(--assodoro-font); --radius: 14px; --radius-sm: 8px; } * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } /* Reset dei