/* Tavolozza «Atelier» e tema del gestionale: colori, caratteri e raggi.
   La variante scura si applica con data-color-scheme="dark" sull'elemento html (js/backoffice/preferences.js):
   un solo file, così il cambio di tema non ricarica nulla e la pagina non lampeggia all'apertura.
   Variante chiara: blu notte e bordeaux su bianco freddo; il rosso di pericolo è acceso e caldo, per non
   confondersi con il bordeaux delle azioni principali.
   Variante scura: blu notte profondo, lampone per le azioni principali; il colore d'accento ha una tinta più
   chiara per il testo, perché il bordeaux su fondo scuro non si legge. */
:root {
    --color-canvas: #f4f5f7;
    --color-surface: #ffffff;
    --color-surface-muted: #eef0f3;
    --color-field-bg: #ffffff;
    --color-table-head: #f8f9fa;
    --color-row-stripe: #f8f9fb;
    --color-row-hover: #f1f3f6;
    --color-list-gap: #d3d8e0;
    --color-border: #d6dae2;
    --color-border-strong: #9aa3b2;
    --color-text: #0b1220;
    --color-text-muted: #343c4c;
    --color-text-subtle: #566072;
    --color-link: #16213a;

    --color-topbar-bg: #ffffff;
    --color-topbar-text: #16213a;
    --color-avatar-bg: #7a1f35;
    --color-avatar-text: #ffffff;

    --color-nav-bg: #ffffff;
    --color-nav-text: #0b1220;
    --color-nav-text-muted: #3a4252;
    --color-nav-icon: #3a4252;
    --color-nav-border: #e2e5ea;
    --color-nav-hover: #f4f5f7;
    --color-nav-active-bg: #f4e8eb;
    --color-nav-active-text: #7a1f35;
    --color-nav-active-icon: #7a1f35;
    --color-nav-count-bg: #7a1f35;
    --color-nav-count-text: #ffffff;
    --color-brand-mark-bg: #7a1f35;
    --color-brand-mark-text: #ffffff;

    --color-accent: #7a1f35;
    --color-accent-hover: #63182a;
    --color-on-accent: #ffffff;
    --color-accent-text: #7a1f35;
    --color-accent-soft: #f4e8eb;

    --color-info: #2b5a8a;
    --color-info-soft: #e5eef7;
    --color-warning: #8f5710;
    --color-warning-soft: #f8ecd9;
    --color-danger: #d42a1f;
    --color-danger-soft: #fdeceb;
    --color-positive: #2e6a50;
    --color-positive-soft: #e1f0e8;
    --color-debit: #c8261c;
    --color-credit: #2e6a50;

    --color-card-registered: #2e6a50;
    --color-card-registered-soft: #e1f0e8;
    --color-card-registered-text: #24563f;
    --color-card-pending: #c08a2e;
    --color-card-free: #d7dbe2;
    --color-card-free-soft: #ffffff;
    --color-card-virtual: #c9ced7;
    --color-card-virtual-soft: #f4f5f7;

    --color-focus: #7a1f35;
    --color-scrim: rgba(22, 33, 58, .45);
    --shadow-overlay: 0 12px 32px -12px rgba(22, 33, 58, .3);
}

:root[data-color-scheme="dark"] {
    --color-canvas: #121722;
    --color-surface: #19202c;
    --color-surface-muted: #222a38;
    --color-field-bg: #121722;
    --color-table-head: #1d2431;
    --color-row-stripe: #1c2330;
    --color-row-hover: #232c3b;
    --color-list-gap: #0b0f17;
    --color-border: #353f52;
    --color-border-strong: #56627a;
    --color-text: #f5f7fb;
    --color-text-muted: #cdd3de;
    --color-text-subtle: #a3acbc;
    --color-link: #eef1f6;

    --color-topbar-bg: #19202c;
    --color-topbar-text: #e8ebf1;
    --color-avatar-bg: #b23a5a;
    --color-avatar-text: #ffffff;

    --color-nav-bg: #19202c;
    --color-nav-text: #f5f7fb;
    --color-nav-text-muted: #bfc6d3;
    --color-nav-icon: #bfc6d3;
    --color-nav-border: #2c3546;
    --color-nav-hover: #222a38;
    --color-nav-active-bg: rgba(201, 79, 114, .16);
    --color-nav-active-text: #f0b3c4;
    --color-nav-active-icon: #f0b3c4;
    --color-nav-count-bg: #b23a5a;
    --color-nav-count-text: #ffffff;
    --color-brand-mark-bg: #b23a5a;
    --color-brand-mark-text: #ffffff;

    --color-accent: #b23a5a;
    --color-accent-hover: #c4476a;
    --color-on-accent: #ffffff;
    --color-accent-text: #f0a6ba;
    --color-accent-soft: rgba(201, 79, 114, .16);

    --color-info: #8fb6e3;
    --color-info-soft: rgba(143, 182, 227, .14);
    --color-warning: #e6b566;
    --color-warning-soft: rgba(230, 181, 102, .14);
    --color-danger: #ff7a6b;
    --color-danger-soft: rgba(255, 122, 107, .14);
    --color-positive: #7fcca4;
    --color-positive-soft: rgba(127, 204, 164, .14);
    --color-debit: #ff8a7c;
    --color-credit: #7fcca4;

    --color-card-registered: #4f9e78;
    --color-card-registered-soft: rgba(127, 204, 164, .12);
    --color-card-registered-text: #8fd6b1;
    --color-card-pending: #e6b566;
    --color-card-free: #343e50;
    --color-card-free-soft: #19202c;
    --color-card-virtual: #4a5568;
    --color-card-virtual-soft: #1d2431;

    --color-focus: #f0a6ba;
    --color-scrim: rgba(0, 0, 0, .6);
    --shadow-overlay: 0 16px 40px -12px rgba(0, 0, 0, .7);
}

/* Caratteri e raggi: Arial per titoli e interfaccia. */
:root {
    --font-ui: Arial, Helvetica, sans-serif;
    --font-display: Arial, Helvetica, sans-serif;
    --font-code: ui-monospace, "Cascadia Mono", Consolas, "Roboto Mono", monospace;
    --display-weight: 700;
    --display-tracking: -.01em;
    --page-title-size: 1.75rem;
    --radius-s: .375rem;
    --radius-m: .5rem;
    --radius-l: .625rem;
    --radius-brand: 50%;
}