/* Colori condivisi dell'app, allineati al MudTheme (MyCustomTheme) definito in MainLayout.razor.
   Se cambi Primary/Secondary nel tema Mud, aggiorna anche qui. */
:root {
    --primary: #1D1F1C;
    --secondary: #A4FF00;

    /* Sfondo/testo delle schermate kiosk (Kiosk, IngressoManuale, CheckIn mobile, uscita).
       Su mobile seguono il tema chiaro/scuro del telefono; su desktop restano sempre scuri
       (i totem sono dispositivi fissi, non serve adattarli). */
    --kiosk-bg: var(--primary);
    --kiosk-text: #ffffff;
    --kiosk-text-muted: #9ca3af;
    /* Accento (icone, spunte): il lime su sfondo scuro, un verde più scuro su sfondo chiaro
       dove il lime non avrebbe contrasto sufficiente. */
    --kiosk-accent: var(--secondary);
}

.kiosk-logo-light {
    display: none !important;
}

@media (max-width: 599.98px) and (prefers-color-scheme: light) {
    :root {
        --kiosk-bg: #ffffff;
        --kiosk-text: #0B0B0B;
        --kiosk-text-muted: #6b7280;
        --kiosk-accent: #4D7C0F;
    }

    .kiosk-logo-dark {
        display: none !important;
    }

    .kiosk-logo-light {
        display: block !important;
    }
}