/* =====================================================================
   theme-tokens.css — UNICO punto di configurazione di colori e font.
   Per cambiare il tema (brand, palette, font) modifica SOLO queste
   variabili: TUTTE le app di TUTTI i ruoli le referenziano via var(--...).
     - admin            -> style.css + theme.css
     - condomino        -> appshell.css (/landing)
     - concierge/manutentore/fornitore -> appshell.css (/supplier)
   Caricato PRIMA di appshell.css / style.css / theme.css in ogni pagina.
   ===================================================================== */
:root {
  /* --- Brand: il ROSSO DEL LOGO Major Domus (campionato dal PNG) --- */
  --brand: #e74336;              /* rosso del logo (tinta media del mark) */
  --brand-rgb: 231, 67, 54;      /* stessa tinta in R,G,B (per i veli rgba) */
  --brand-strong: #c62f24;       /* variante scura: gradienti, hover, bordi */
  --brand-strong-text: #cf3a2e;  /* variante leggibile su sfondo chiaro (testi/chip) */
  --brand-light: #ea5943;        /* variante chiara (estremo chiaro del gradiente logo) */
  --brand-lighter: #f3897b;      /* variante molto chiara: stop gradiente */
  --brand-soft: rgba(var(--brand-rgb), .18);   /* velo brand (focus, badge tenui) */
  --brand-soft-2: rgba(var(--brand-rgb), .08); /* velo brand molto tenue (sfondi) */
  --brand-grad: linear-gradient(135deg, var(--brand-light), var(--brand) 55%, var(--brand-strong));

  /* --- Colori semantici (indipendenti dal brand) --- */
  --alert: #e0556a;        /* rosso ACCESO per allarmi/errori nelle app mobili */
  --alert-rgb: 224, 85, 106;
  --alert-ink: #ff9b90;    /* testo/icona su velo d'allarme */
  --alert-admin: #ff7c7c;  /* rosso allarme nel gestionale admin */
  --alert-admin-rgb: 255, 124, 124;
  --ok: #34d27b;           /* verde: stato positivo/attivo */
  --ok-rgb: 52, 210, 123;
  --warn: #f0a93a;         /* ambra: attenzione */
  --warn-rgb: 240, 169, 58;
  --info: #5b9bff;         /* blu: informativo */
  --info-rgb: 91, 155, 255;
  --violet: #a98bff;
  --violet-rgb: 169, 139, 255;

  /* --- Palette neutra CANONICA (tema scuro) condivisa da tutte le app --- */
  --c-bg: #0f1318;         /* sfondo pagina */
  --c-bg-2: #161b21;       /* sfondo leggermente elevato */
  --c-surface: #1b2128;    /* superfici: card, pannelli */
  --c-surface-2: #232a32;  /* superfici annidate */
  --c-ink: #f0f3f5;        /* testo primario */
  --c-ink-soft: #c6ccd2;   /* testo secondario */
  --c-muted: #8a939d;      /* testo attenuato */
  --c-line: #2a3038;       /* bordi/separatori */
  --c-line-strong: #3a424c;/* bordi marcati */

  /* --- Veli neutri riutilizzabili (overlay su superfici scure) --- */
  --veil-01: rgba(255, 255, 255, .01);
  --veil-02: rgba(255, 255, 255, .02);
  --veil-03: rgba(255, 255, 255, .03);
  --veil-04: rgba(255, 255, 255, .04);
  --veil-06: rgba(255, 255, 255, .06);
  --veil-08: rgba(255, 255, 255, .08);

  /* --- Font: UNICO per tutti i ruoli (stack di sistema, offline/PWA-friendly) --- */
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;
  --font-ui-admin: var(--font-ui);   /* admin usa lo stesso font di sistema */
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}