/* ==========================================================================
   lab.z14.it — token del design system.
   Unica fonte dei valori: li caricano sia il sito pubblico (lab.css) sia
   la dashboard di gestione (admin.css, dove ritemano Bootstrap).
   ========================================================================== */

:root{
  /* accento */
  --green:        oklch(0.55 0.13 150);
  --green-hover:  oklch(0.45 0.13 150);
  --badge-bg:     oklch(0.93 0.04 150);
  --badge-fg:     oklch(0.42 0.11 150);
  --green-deep:   oklch(0.4 0.09 150);

  /* inchiostri */
  --ink-h1:   oklch(0.2 0 0);
  --ink-900:  oklch(0.24 0 0);
  --ink-800:  oklch(0.26 0 0);
  --ink-700:  oklch(0.3 0 0);
  --ink-600:  oklch(0.34 0 0);
  --ink-500:  oklch(0.42 0 0);
  --ink-400:  oklch(0.45 0 0);
  --ink-350:  oklch(0.46 0 0);

  /* grigi trasparenti */
  --dim:      rgba(0,0,0,.62);
  --dim-soft: rgba(0,0,0,.6);
  --line-row: rgba(0,0,0,.09);
  --line-thin:rgba(0,0,0,.12);
  --line:     rgba(0,0,0,.14);
  --line-head:rgba(0,0,0,.2);
  --line-btn: rgba(0,0,0,.25);

  /* superfici */
  --surface:  #f7f7f7;
  --hover-row: rgba(0,0,0,.035);
  --hover-card:#fff;
  --on-dark:  #e8e8e8;
  --on-dark-dim: rgba(255,255,255,.72);

  /* gradienti ricorrenti */
  --hero-bg: radial-gradient(120% 90% at 8% 0%, oklch(0.95 0.035 150) 0%, transparent 55%),
             linear-gradient(150deg,#f7f7f7,#e9ebea);
  --hero-section-bg: radial-gradient(110% 100% at 6% 0%, oklch(0.95 0.035 150) 0%, transparent 58%),
             linear-gradient(150deg,#f7f7f7,#e9ebea);
  --aside-bg: linear-gradient(200deg,#fafafa,#eceeed);
  --panel-bg: linear-gradient(160deg,#fafafa,#eff0f0);
  --footer-bg: radial-gradient(70% 160% at 90% 120%, oklch(0.4 0.09 150) 0%, transparent 60%),
             linear-gradient(120deg, oklch(0.24 0 0), oklch(0.3 0 0));
  --green-panel-bg: radial-gradient(120% 140% at 100% 0%, oklch(0.94 0.04 150) 0%, transparent 60%),
             linear-gradient(160deg,#fafafa,#eff0f0);
  --placeholder: repeating-linear-gradient(135deg, rgba(0,0,0,.055) 0 6px, transparent 6px 12px),
             linear-gradient(150deg,#dfe2e0,#f2f3f2 70%, oklch(0.93 0.03 150));

  /* pattern della griglia aree — senza giunture, solo gradienti */
  --pattern-color: #e6f5ec;
  --pattern: repeating-linear-gradient(-45deg, #e6f5ec 0 5px, transparent 5px 19px, #e6f5ec 19px 26px, transparent 26px 44px, #e6f5ec 44px 51px, transparent 51px 83px),
             repeating-linear-gradient(45deg, #e1f2e7 0 3px, transparent 3px 9px);

  --r: 6px;                 /* raggio unico */
  --pad-x: 34px;            /* padding sezione desktop */
  --shell: 1240px;
}