:root {
  --legacy-0: #f8fafb;
  --legacy-1: #6dd6b7;
  --legacy-2: #f0f5f5;
  --legacy-3: #076a64;
  --legacy-4: #e7edef;
  --legacy-5: #347577;
  --legacy-6: #faf3e5;
  --legacy-7: #708f99;
  --legacy-8: #947237;
  --legacy-9: #e4f3eb;
  --legacy-10: #9e6716;
  --legacy-11: #6954a7;
  --legacy-12: #158b80;
  --legacy-13: #5e9292;
  --legacy-14: #768b92;
  --legacy-15: #8f6528;
  --legacy-16: #ecdfc2;
  --legacy-17: #ac4b50;
  --legacy-18: #1f514e;
  --legacy-19: #edf5f3;
  --legacy-20: #899aa0;
  --legacy-21: #23404a;
  --legacy-22: #9db9bf;
  --legacy-23: #e3e9e9;
  --legacy-24: #66c9b4;
  --legacy-25: #62748b;
  --legacy-26: #8a9ca2;
  --legacy-27: #8b9698;
  --legacy-28: #e7f2f1;
  --legacy-29: #e5ebf2;
  --legacy-30: #132e37;
  --legacy-31: #087854;
  --legacy-32: #49656e;
  --legacy-33: #edf1f2;
  --legacy-34: #59d0be;
  --legacy-35: #cedbdd;
  --legacy-36: #b2f4df;
  --legacy-37: #e9f1f2;
  --legacy-38: #edcece;
  --legacy-39: #719da4;
  --legacy-40: #edf4f3;
  --legacy-41: #27504f;
  --legacy-42: #edf1f4;
  --legacy-43: #eeeafa;
  --legacy-44: #2a9c91;
  --legacy-45: #fbfdfd;
  --legacy-46: #49c1b5;
  --legacy-47: #4f6871;
  --legacy-48: #a84b4b;
  --legacy-49: #6b858c;
  --legacy-50: #c3d8dc;
  --legacy-51: #d7e8e3;
  --legacy-52: #f5f7fb;
  --legacy-53: #70818b;
  --legacy-54: #fbefd7;
  --legacy-55: #132953;
  --legacy-56: #fbf0d8;
  --legacy-57: #b3c6cc;
  --legacy-58: #137bb0;
  --legacy-59: #60cdb3;
  --legacy-60: #182c47;
  --legacy-61: #f9e9eb;
  --legacy-62: #8da8b0;
  --legacy-63: #fff;
  --healthy:#28792d; --warning:#95610c; --alarm:#b6303b; --unknown:#66758b; --maintenance:#18699b; --offline:#687080; --info:#137bb0;
  --background:#f5f7fb; --surface:#ffffff; --border:#e5ebf2; --text-primary:#182c47; --text-secondary:#62748b;
  --brand-blue:#26b5f9; --brand-navy:#132953; --brand-orange:#faa722; --brand-green:#4fb33e;
  --brand-soft:#edf8ff; --warning-soft:#fff7e7; --alarm-soft:#fff0f1; --healthy-soft:#eff9ee;
  --font-sans:Montserrat,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --radius:10px;
}


:root {
 --surface-raised: var(--surface); --surface-muted: var(--background);
 --chart-primary: var(--brand-blue); --alarm-critical: var(--alarm);
 --overlay:rgb(19 41 83 / 35%); --shadow-raised:0 12px 36px rgb(19 41 83 / 12%);
 --drawer-width: 42rem; --flow-slow: 3s; --flow-medium: 2s; --flow-fast: 1s;
 --layer-drawer: 30;
}