/* * Foglio di stile del Kiosk — recuperato dal sistema legacy * (legacy/kiosk.assodoro.com/public_html/index.html), mai portato nella * riscrittura TypeScript. */ /* Ponte col tema dinamico, stesso schema di POS/KDS: nomi di variabile identici al legacy, ma scoped su [data-assodoro-theme-root] (dove ThemeProvider mette le sue variabili) invece che su :root statico. */ [data-assodoro-theme-root] { --primary: var(--md-primary); --on-primary: var(--md-on-primary); --bg: var(--md-bg); --surface: var(--md-surface); /* Letterale come nel legacy (vedi nota in fondo al file). */ --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; /* Anche questa era letterale nel legacy. Sul totem quasi ogni bordo e' spesso 2-3px: col grigio del tema il totem diventava un reticolo di contorni invece di card morbide su fondo scuro. */ --outline: #3a2927; --success: #4CAF50; --error: #F28B82; --error-bg: #3C1A18; --warning: #FFBE55; --radius: 18px; --radius-lg: 24px; --shadow: 0 4px 24px rgba(0,0,0,.4); } * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } html, body { height: 100%; overflow: hidden; } /* var(--x, fallback): stesso motivo di POS/KDS — le variabili sono su un div DENTRO , non visibili a stesso. */ body { font-family: var(--assodoro-font, 'Montserrat', sans-serif); background: var(--md-bg, #100c0b); color: var(--md-on-surface, #f0e8e5); user-select: none; } /* Il reset originale (font-family + cursor) non bastava: un testo senza colore proprio dentro un bottone (es. .prod-name in .prod-card) ereditava il nero di default del browser invece del colore del tema — bug reale trovato verificando dal vivo (rgb(0,0,0) contro sfondo scuro). Le classi specifiche vincono comunque per specificità. */ button { font-family: inherit; font-size: inherit; color: inherit; background: none; border: none; text-align: center; cursor: pointer; padding: 0; appearance: none; -webkit-appearance: none; } /* I