/* ============================================================
   Design tokens — allineati alla palette di fatturazione.equalstudio.it
   (public/css/global-styles.css + backoffice.css), stessi NOMI di
   variabile già in uso in app.css/sign.css: sostituisce SOLO i valori,
   non introduce nuove classi ne' tocca l'HTML.
   ============================================================ */

:root {
    /* ── Palette chiara (default) ── */
    --bg: #f4f4f4;
    --bg-card: #ffffff;
    --bg-nav: #ffffff;
    --bg-hover: #ececec;
    --border: rgba(0, 0, 0, .1);
    --border-strong: rgba(0, 0, 0, .22);
    --text: #262626;
    --text-muted: #6b6b6b;
    --text-dim: #6b6b6b;
    --primary: #000000;
    --primary-fg: #ffffff;
    --accent: #000000;
    --danger: #c62828;
    --danger-bg: rgba(198, 40, 40, .08);
    --danger-border: rgba(198, 40, 40, .35);
    --success: #2d7931;
    --success-bg: rgba(45, 121, 49, .08);
    --success-border: rgba(45, 121, 49, .35);
    --warning: #965e09;
    --warning-bg: rgba(150, 94, 9, .08);
    --warning-border: rgba(150, 94, 9, .35);
    --info: #026fb0;
    --info-bg: rgba(2, 111, 176, .08);
    --info-border: rgba(2, 111, 176, .35);

    /* ── Tipografia ── */
    --font: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

    /* ── Spaziature (scala di fatturazione, global-styles.css:22-29) ── */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* ── Radius: 0 ovunque, come backoffice.css di fatturazione ── */
    --radius: 0;
    --radius-sm: 0;

    --nav-h: 64px;
    --input-h: 44px;
    --shadow-sm: 0 1px 2px rgba(16, 16, 18, .05), 0 1px 1px rgba(16, 16, 18, .04);
    --shadow-md: 0 10px 30px rgba(16, 16, 18, .08);
    --focus-ring: rgba(16, 16, 18, .12);
    color-scheme: light;
}

:root[data-theme="dark"] {
    --bg: #111111;
    --bg-card: #1a1a1a;
    --bg-nav: #1a1a1a;
    --bg-hover: #252525;
    --border: rgba(255, 255, 255, .08);
    --border-strong: rgba(255, 255, 255, .18);
    --text: #d8d8d8;
    --text-muted: #999999;
    --text-dim: #999999;
    --primary: #ffffff;
    --primary-fg: #000000;
    --accent: #ffffff;
    --danger: #ff5252;
    --danger-bg: rgba(255, 82, 82, .12);
    --danger-border: rgba(255, 82, 82, .3);
    --success: #4caf50;
    --success-bg: rgba(76, 175, 80, .14);
    --success-border: rgba(76, 175, 80, .35);
    --warning: #ffb300;
    --warning-bg: rgba(255, 179, 0, .12);
    --warning-border: rgba(255, 179, 0, .32);
    --info: #4fc3f7;
    --info-bg: rgba(79, 195, 247, .16);
    --info-border: rgba(79, 195, 247, .4);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, .5);
    --focus-ring: rgba(255, 255, 255, .16);
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg: #111111;
        --bg-card: #1a1a1a;
        --bg-nav: #1a1a1a;
        --bg-hover: #252525;
        --border: rgba(255, 255, 255, .08);
        --border-strong: rgba(255, 255, 255, .18);
        --text: #d8d8d8;
        --text-muted: #999999;
        --text-dim: #999999;
        --primary: #ffffff;
        --primary-fg: #000000;
        --accent: #ffffff;
        --danger: #ff5252;
        --danger-bg: rgba(255, 82, 82, .12);
        --danger-border: rgba(255, 82, 82, .3);
        --success: #4caf50;
        --success-bg: rgba(76, 175, 80, .14);
        --success-border: rgba(76, 175, 80, .35);
        --warning: #ffb300;
        --warning-bg: rgba(255, 179, 0, .12);
        --warning-border: rgba(255, 179, 0, .32);
        --info: #4fc3f7;
        --info-bg: rgba(79, 195, 247, .16);
        --info-border: rgba(79, 195, 247, .4);
        --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
        --shadow-md: 0 10px 30px rgba(0, 0, 0, .5);
        --focus-ring: rgba(255, 255, 255, .16);
        color-scheme: dark;
    }
}