/* =====================================================================
   theme-tokens.css — UNICO punto di configurazione di colori, font e
   dimensioni del testo di LiveChat.

   La struttura e i nomi arrivano da ../monticelloapp/frontend/theme-tokens.css:
   stesso vocabolario, cosi' chi conosce quel progetto ritrova le stesse
   variabili. Il brand e' ricolorato sul marchio Dharma (esagono verde/teal)
   invece del rosso Major Domus.

   Ogni valore qui dentro e' sovrascrivibile a runtime dal menu Aspetto
   dell'amministratore: il server conserva le sole differenze rispetto a questi
   valori predefiniti e le inietta come regole :root piu' specifiche. Per questo
   nessun colore va scritto in chiaro altrove: si perderebbe la possibilita' di
   cambiarlo dall'interfaccia.
   ===================================================================== */
:root {
  /* --- Brand: campionato dal marchio Dharma (esagono) --- */
  --brand: #18a957;
  --brand-rgb: 24, 169, 87;
  --brand-strong: #12854a;
  --brand-strong-text: #1a9b57;
  --brand-light: #2fbc6c;
  --brand-lighter: #6fd79b;
  --brand-soft: rgba(var(--brand-rgb), .18);
  --brand-soft-2: rgba(var(--brand-rgb), .08);
  --brand-grad: linear-gradient(135deg, var(--brand-light), var(--brand) 55%, var(--brand-strong));

  /* Secondo colore del marchio (le facce blu/teal dell'esagono) */
  --brand-2: #3fa9c9;
  --brand-2-rgb: 63, 169, 201;

  /* --- Colori semantici --- */
  --alert: #e0556a;
  --alert-rgb: 224, 85, 106;
  --alert-ink: #ff9b90;
  --ok: #34d27b;
  --ok-rgb: 52, 210, 123;
  --warn: #f0a93a;
  --warn-rgb: 240, 169, 58;
  --info: #5b9bff;
  --info-rgb: 91, 155, 255;
  --violet: #a98bff;
  --violet-rgb: 169, 139, 255;

  /* --- Palette neutra (tema scuro) --- */
  --c-bg: #0f1318;
  --c-bg-2: #161b21;
  --c-surface: #1b2128;
  --c-surface-2: #232a32;
  --c-ink: #f0f3f5;
  --c-ink-soft: #c6ccd2;
  --c-muted: #8a939d;
  --c-line: #2a3038;
  --c-line-strong: #3a424c;

  /* --- Basi RGB per veli e ombre --- */
  --veil-rgb: 255, 255, 255;
  --shadow-rgb: 0, 0, 0;
  --veil-02: rgba(var(--veil-rgb), .02);
  --veil-04: rgba(var(--veil-rgb), .04);
  --veil-06: rgba(var(--veil-rgb), .06);
  --veil-08: rgba(var(--veil-rgb), .08);
  --veil-12: rgba(var(--veil-rgb), .12);

  /* --- Testo su superfici colorate --- */
  --on-brand: #ffffff;
  --on-brand-ink: #0c1410;

  /* --- Superfici composite --- */
  --c-bg-grad-1: #151d22;
  --c-bg-grad-2: #0e1418;
  --sidebar-grad-1: #1b242a;
  --sidebar-grad-2: #131b20;
  --topbar-rgb: 14, 20, 24;
  --scrim-modal-rgb: 5, 10, 12;
  --table-head-rgb: 17, 24, 29;

  /* --- Controlli --- */
  --input-bg: #182127;
  --placeholder: #73817a;
  --switch-off: #46534b;
  --paper-bg: #ffffff;      /* pagina PDF: la carta resta bianca */
  --code-bg: #0d1216;
  --code-ink: #d8e1db;

  /* --- Superfici specifiche di LiveChat --- */
  --tile-bg: #000000;            /* riquadro partecipante senza video */
  --tile-selected: #0dcaf0;      /* bordo del target selezionato */
  --wb-canvas: #0b1220;          /* fondo dietro la lavagna (DOM) */
  /* Valore consegnato a Excalidraw. Il suo tema scuro INVERTE i colori in
     visualizzazione: passandogli bianco si ottiene un canvas scuro (#121212).
     Verificato misurando il pixel reso. Non metterci qui un colore scuro
     "perche' l'interfaccia e' scura": si ottiene l'opposto. */
  --wb-canvas-excalidraw: #ffffff;
  --wb-export-bg: #0b1220;       /* sfondo dei PNG esportati: nessuna inversione */
  --vlm-bg: #0f172a;             /* console output VLM */
  --vlm-ink: #00ff88;
  --video-bg: #000000;

  /* --- Toast --- */
  --toast-bg: #16241d;
  --toast-ink: #eafff1;
  --toast-err-bg: #5a1a14;
  --toast-err-ink: #ffe4e0;

  /* --- Forma --- */
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 8px;
  --shadow-soft: 0 10px 30px rgba(var(--shadow-rgb), .22);
  --shadow-pop: 0 18px 50px rgba(var(--shadow-rgb), .40);

  /* --- Font --- */
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* --- Scala tipografica. Tutto e' derivato da --font-size-base, cosi' un
         singolo valore ingrandisce o riduce l'intera interfaccia. --- */
  --font-size-base: 14.5px;
  --font-size-xs: calc(var(--font-size-base) * 0.76);
  --font-size-sm: calc(var(--font-size-base) * 0.88);
  --font-size-md: var(--font-size-base);
  --font-size-lg: calc(var(--font-size-base) * 1.15);
  --font-size-xl: calc(var(--font-size-base) * 1.45);
  --font-size-2xl: calc(var(--font-size-base) * 1.9);
  --line-height-base: 1.5;
  --font-weight-normal: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 800;

  /* --- Colore della barra di stato del browser --- */
  --theme-color: #11181d;
}