/* Landspace design system — shared tokens. Dark-first intelligence canvas. */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Instrument+Serif:ital@0;1&family=DM+Mono:wght@300;400;500&display=swap');

:root{
  /* Rethemed to the Lapis site palette: blue-tinted near-black surfaces,
     warm off-white ink, emerald "live" accent, Lapis blue UI accent.
     Domain data-colors below stay intact — they encode meaning in charts/maps. */
  --bg:#07090D; --surface:#0e1117; --s1:#12161d; --s2:#171c24; --s3:#1e242e;
  --b1:rgba(255,255,255,0.055); --b2:rgba(255,255,255,0.11);
  --tp:rgba(245,243,238,0.92); --ts:rgba(245,243,238,0.45); --tt:rgba(245,243,238,0.24);
  --toolbar-bg:rgba(11,14,19,0.92);
  --c-ws:#34d399; --c-hot:#f76f4f; --c-warm:#f7b84f; --c-cool:#3b6ff7;
  --editing:#b08cf7; --delivery:#4f8ef7; --regenerative:#f76f4f;
  --aging:#f7b84f; --microbiome:#a78bfa; --diagnostics:#4fd4c0; --ai:#4fd4a0;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--tp);
  font-family:Inter,system-ui,sans-serif;letter-spacing:-0.012em;
  font-feature-settings:'cv02','cv03','cv11';-webkit-font-smoothing:antialiased;}
.serif{font-family:'Instrument Serif',serif;letter-spacing:-0.02em;}
.mono{font-family:'DM Mono',monospace;}
.label{font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--tt);font-weight:600;}
.glass{background:var(--toolbar-bg);backdrop-filter:blur(20px) saturate(1.5);
  border:1px solid var(--b2);border-radius:10px;
  box-shadow:0 4px 28px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05);}
.card{background:var(--s1);border:1px solid var(--b1);border-radius:7px;}
.chip{font-size:10px;text-transform:uppercase;letter-spacing:0.08em;border-radius:3px;padding:3px 8px;border:1px solid var(--b2);}
.ws{background:rgba(79,212,160,0.05);border:1px dashed rgba(79,212,160,0.4);}
::-webkit-scrollbar{width:8px;height:8px;} ::-webkit-scrollbar-thumb{background:var(--b2);border-radius:4px;}
::-webkit-scrollbar-track{background:transparent;}
@keyframes fadeUp{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}