/* ============================================================
   LMS ARCO — Design tokens
   Porting verbatim del blocco :root di docs/sample.html (mockup v0.2)
   ============================================================ */

/* ===== Tema allineato ad ArcoWeb =====
   Base: DevExtreme Material Blue Light + theme builder JSON (email 25/05/2026)
   $base-accent #027BE3 · success #21BA45 · danger #C10015 · warning #F2C037
   selection rgba(0,121,227,.1) · row-focused #AED1FC · sidebar #F0F2F5 */
:root{
  --accent:#027BE3; --accent-hover:#0268C2; --accent-soft:rgba(2,123,227,.08);
  --sel:#E3F2FD; --focus:#AED1FC; --alt:#F7FAFE;
  --success:#21BA45; --danger:#C10015; --warn:#F2C037; --warn-ink:#8A6300;
  --logo-red:#E53935;
  --sidebar:#F0F2F5; --sidebar-ink:#212121; --sidebar-muted:#5F6368;
  --ink:#212121; --muted:#757575; --line:#E3E3E3; --line-strong:#D5D9DE;
  --bg:#FAFBFC; --paper:#FFFFFF;
  --radius:4px; --font:'Roboto','Segoe UI',system-ui,sans-serif;
}

/* ===== Token derivati (valori hard-coded del mockup, normalizzati) ===== */
:root{
  --ink-2:#424242;                    /* testo/icone toolbar (gbtn, pg, gtxt) */
  --nav-hover:#E7EBF0;                /* hover voce nav */
  --hover:#EDF1F5;                    /* hover icone toolbar/pager */
  --danger-soft:#FDECEE;              /* hover rosso soft (gbtn.danger) */
  --btn-hover:#F2F6FA;                /* hover bottone default */
  --gridbar-bg:#FBFCFD;               /* sfondo toolbar griglia */
  --th-ink:#616161;                   /* intestazioni tabella */
  --row-line:#EFEFEF;                 /* bordo righe tabella/timeline/builder */
  --info:#42A5F5;                     /* badge "in corso" (b-cool) */
  --neutral:#9E9E9E;                  /* badge neutro (b-gray) */
  --warn-ink-strong:#5c4a00;          /* testo su badge warning (b-warm) */
  --kanban-bg:#EFF2F5;                /* sfondo colonne kanban */
  --kanban-head:#37474F;              /* intestazione colonne kanban */
  --kanban-col-line:#B0BEC5;          /* grip/frecce/bordo wireframe */
  --wire-ink:#90A4AE;                 /* testo placeholder wireframe */
  --step-done:#EDF7EF;                /* sfondo step completato */
  --logic-bg:#FDF6E3;                 /* box logica filtri: sfondo */
  --logic-border:#F0E2B6;             /* box logica filtri: bordo */
  --switch-off:#BDBDBD;               /* switch spento */
  --switch-line:#F0F0F0;              /* separatore righe landing */
  --prio-off:#E0E0E0;                 /* barrette score spente */
  --code-bg:#263238;                  /* blocco codice: sfondo */
  --code-ink:#ECEFF1;                 /* blocco codice: testo */
  --chip-border:rgba(2,123,227,.25);  /* bordo chip (25% accent) */
  --wire-stripe:rgba(2,123,227,.03);  /* righe diagonali wireframe */
  --deal-shadow:0 1px 2px rgba(33,33,33,.06);     /* ombra card kanban */
  --landing-shadow:0 1px 4px rgba(33,33,33,.08);  /* ombra card landing */
}

/* ===== Base scoped body.lms ===== */
body.lms{ font:13.5px/1.45 var(--font); color:var(--ink); background:var(--bg); margin:0; }
body.lms .num{font-variant-numeric:tabular-nums}
body.lms *,body.lms *::before,body.lms *::after{box-sizing:border-box}