/*
Cosa fa: i valori di stile di Amministrazione MR (colori, caratteri, spazi, raggi, ombre) in un posto solo.
Come funziona: variabili CSS su :root; i componenti in app.css usano solo queste. /replica-design li rifinirà.
  Estetica del gestionale MR: toni zinco, carattere Geist, arancio MR come unico accento.
Connesso a: static/app.css, templates/base.html.
*/
:root {
  --z950: #09090b; --z900: #18181b; --z800: #27272a; --z700: #3f3f46; --z600: #52525b; --z500: #71717a;
  --z400: #a1a1aa; --z300: #d4d4d8; --z200: #e4e4e7; --z100: #f4f4f5; --z50: #fafafa;
  --bianco: #ffffff;
  --arancio: #F26B1D; --arancio-scuro: #c9530f; --arancio-tenue: #fff1e8;
  --verde: #15803d; --verde-tenue: #e8f6ec; --rosso: #dc2626; --rosso-tenue: #fdecec;
  --ambra: #b45309; --ambra-tenue: #fff7e6; --blu-tenue: #f2f6fb;
  /* serie dei grafici: blu = lato emesse (ricavi, IVA a debito), arancio = lato ricevute (costi, IVA a credito) */
  --serie-1: #2a78d6; --serie-2: #eb6834; --fascia-grafico: rgba(9, 9, 11, .05);

  --sfondo: var(--bianco); --testo: var(--z950); --testo-2: var(--z500); --bordo: var(--z200);
  --rotaia: var(--z950); --rotaia-testo: var(--z400); --menu: var(--z50);

  --carattere: Geist, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --t-xs: 11px; --t-s: 12px; --t-m: 13px; --t-l: 15px; --t-xl: 20px; --t-xxl: 34px;
  --peso-medio: 500; --peso-forte: 600;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --raggio: 8px; --raggio-s: 6px; --raggio-pillola: 999px;
  --ombra: 0 1px 2px rgba(9, 9, 11, .06), 0 1px 3px rgba(9, 9, 11, .08);
  --ombra-pannello: -8px 0 24px rgba(9, 9, 11, .10);

  --larghezza-rotaia: 64px; --larghezza-menu: 220px; --larghezza-pannello: 400px;
  --larghezza-avanzamento: 180px; --larghezza-conto: 720px;
  --larghezza-voce-cassa: 210px; --larghezza-cifra-cassa: 52px; --larghezza-grafico-min: 640px; --pallino: 8px;
  --opacita-prevista: .35;
  --altezza-riga: 52px; --altezza-campo: 34px;
}