/*
 * Welkey — variabili comuni del design system (uguali in tutte le palette).
 * Spazi, raggi, dimensioni del testo, layout.
 *
 * I COLORI, le ombre e il font principale NON stanno qui: ogni palette li definisce
 * nel suo file assets/css/palettes/<nome>.css, in chiaro e in scuro.
 * I componenti usano solo le variabili di ruolo (--wk-bg, --wk-ink, --wk-brand, ...).
 * Elenco delle palette: config/app.php → ui.palettes.
 */

:root {
    /* Tipografia (il font principale --wk-font è nella palette) */
    --wk-font-mono: "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;
    --wk-text-xs: 0.75rem;
    --wk-text-sm: 0.8125rem;
    --wk-text-md: 0.875rem;
    --wk-text-lg: 1rem;
    --wk-text-xl: 1.25rem;
    --wk-text-2xl: 1.625rem;
    --wk-leading: 1.5;

    /* Spazi (scala da 4px) */
    --wk-space-1: 0.25rem;
    --wk-space-2: 0.5rem;
    --wk-space-3: 0.75rem;
    --wk-space-4: 1rem;
    --wk-space-5: 1.5rem;
    --wk-space-6: 2rem;
    --wk-space-7: 3rem;

    /* Forme */
    /* Altezza dei campi su una riga e dei menu (pannello host e admin; l'app ospite usa 48px) */
    --wk-control-height: 34px;
    --wk-radius-sm: 4px;
    --wk-radius: 8px;
    --wk-radius-lg: 14px;

    /* Layout del pannello */
    --wk-topbar-height: 52px;
    --wk-sidebar-width: 224px;
    --wk-sidebar-compact: 64px;
    --wk-rail-width: 300px;
    --wk-panel-width: 420px;

    /* Uguale in tutti i temi: i QR vanno letti su fondo chiaro */
    --wk-qr-bg: #ffffff;
    /* Firma dell'ospite: tratto scuro su fondo bianco in tutti i temi (l'immagine salvata resta leggibile ovunque) */
    --wk-signature-ink: #1b2430;
    --wk-camera-bg: #000;         /* fondo del video della fotocamera, uguale in tutti i temi */
    --wk-camera-guide: #fff;      /* riquadro guida sopra il video */
    --wk-camera-shade: rgb(0 0 0 / 0.35); /* fuori dal riquadro guida */
    --wk-camera-control: rgb(16 22 28 / 0.62); /* pulsanti sopra il video: scuri e trasparenti */
    --wk-camera-ok: #1a7f46;             /* spunta della lettura confermata */
    --wk-camera-panel: #0f2226;          /* finestra della fotocamera (barra, pulsanti), blu-verde molto scuro */
    --wk-camera-ink: #e6f2ef;            /* testo e icone sulla finestra scura */
    --wk-camera-accent: #7fe0c4;         /* angoli del riquadro, titolo della zona MRZ, torcia accesa */
    --wk-camera-scan: #4fe3a3;           /* linea verde e pallino della lettura continua */
    --wk-camera-wait: #f2c94c;           /* pallino in pausa (scatto singolo) e avvisi della lettura */
    --wk-camera-zone: rgb(4 14 16 / 0.7); /* fondo della zona MRZ sopra il video */
}