:root{
/* core (guideline ✓ / pixel-verified ✓px) */
--nsi-navy:#1E4480; --nsi-blue:#2A6AB0; --nsi-primary:#005EFF; --nsi-primary-light:#E6EFFF;
--nsi-select:#99BFFF; --nsi-text:#2D2E31; --nsi-text-muted:#6B7075; --nsi-bg:#F8F8F9;
--nsi-card:#FFFFFF; --nsi-border:#ECEDEF;
--nsi-success:#3EB645; --nsi-warning:#F59E0B; --nsi-high:#FA8848; --nsi-critical:#E90229;
--nsi-purple:#8E7EEF; --nsi-teal:#48D3E5; --nsi-yellow-fill:#FFD407;
/* tints */
--nsi-t-info:#E6EFFF; --nsi-t-cyan:#E6F7FF; --nsi-t-warn:#FFF7E6; --nsi-t-high:#FEE7DA;
--nsi-t-high-b:#FDCFB6; --nsi-t-crit:#FDDDDD; --nsi-t-ext:#F6F5FF; --nsi-t-teal:#DFF7FA;
--nsi-t-success:#E9F7EA; --nsi-t-neutral:#F1F2F4; --nsi-t-frozen:#F0F0F0;
/* badge text (contrast-computed, §6) */
--nsi-x-info:#1E4480; --nsi-x-success:#1E7A29; --nsi-x-warn:#8D6E00; --nsi-x-high:#9A3D00;
--nsi-x-crit:#C00021; --nsi-x-ext:#4730D1; --nsi-x-teal:#0E6E75; --nsi-x-neutral:#4A4D52;
/* badge borders (triads §1.2) */
--nsi-b-neutral:#D8DBDF; --nsi-b-success:#9BD9A0; --nsi-b-warn:#F5C36B;
--nsi-b-crit:#F5A3A3; --nsi-b-ext:#C6BDFA;
/* ISA-101 operational canvas */
--isa-bg:#ECEFF1; --isa-line:#CFD8DC; --isa-ink:#37474F; --isa-ink2:#78909C;
--isa-steel:#90A4AE; --isa-steel-d:#607D8B; --isa-liquid:#B0BEC5; --isa-liquid-d:#90A4AE;
--isa-ok:#2E7D32; --isa-warn:#F9A825; --isa-crit:#C62828; --isa-accent:#1565C0;
--isa-ok-tint:#E8F5E9; --isa-ok-b:#A5D6A7; --isa-warn-tint:#FFF8E1;
--isa-warn-text:#8D6E00; --isa-crit-tint:#FFEBEE; --isa-equip:#F5F7F8;
/* type */
--nsi-font:'Inter',sans-serif; --nsi-mono:'DM Mono',ui-monospace,monospace;
/* space & radius */
--sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px;
--r-chip:6px; --r-card:8px; --r-modal:12px;
/* elevation */
--el-card:0 0 4px rgba(165,163,174,.25); --el-active:0 6px 14px rgba(0,94,255,.24);
--el-drawer:-8px 0 24px rgba(30,68,128,.12); --el-overlay:rgba(30,68,128,.35);
/* motion */
--mo-fast:150ms; --mo-norm:250ms; --mo-panel:300ms; --mo-ease:cubic-bezier(.2,.7,.3,1);
/* z */
--z-shell:100; --z-drawer:300; --z-modal:400; --z-toast:500; --z-fab:600;
}
@media (prefers-reduced-motion: reduce){ :root{--mo-fast:0ms;--mo-norm:0ms;--mo-panel:0ms} }