/* Notive foundations, v1.0. Shared by both independent Node services. */
:root {
  color-scheme: light;
  --ns-bg: #f7f8fa; --ns-surface: #ffffff; --ns-inset: #f1f4f6; --ns-sidebar: #f2f4f6;
  --ns-text: #1c2530; --ns-secondary: #485563; --ns-muted: #616e7c;
  --ns-border: #dfe4e9; --ns-control: #8593a1;
  --ns-accent: #216b4d; --ns-accent-hover: #185439; --ns-accent-soft: #e6f1ea; --ns-on-accent: #ffffff;
  --ns-good: #196343; --ns-good-soft: #e6f3eb;
  --ns-warn: #88570a; --ns-warn-soft: #fff3d7;
  --ns-bad: #b63438; --ns-bad-soft: #fcebed;
  --ns-focus: #286cc4; --ns-overlay: #101a2870; --ns-glass: #fffffff0;
  --ns-shadow: 0 2px 5px #15233706; --ns-float: 0 20px 65px #101a2824;
  --ns-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ns-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --ns-space-1: 4px; --ns-space-2: 8px; --ns-space-3: 12px; --ns-space-4: 16px;
  --ns-space-5: 20px; --ns-space-6: 24px; --ns-space-8: 32px; --ns-space-12: 48px;
  --ns-radius-sm: 6px; --ns-radius: 10px; --ns-radius-lg: 14px;
  --ns-sidebar-width: 248px; --ns-header-height: 64px; --ns-duration: 150ms;
  /* Compatibility aliases keep legacy components and division logic intact. */
  --bg: var(--ns-bg); --card: var(--ns-surface); --surface: var(--ns-surface); --surface2: var(--ns-inset);
  --line: var(--ns-border); --line2: var(--ns-control); --ink: var(--ns-text); --ink2: var(--ns-secondary); --ink3: var(--ns-muted);
  --accent: var(--ns-accent); --accent2: var(--ns-accent-hover); --accentRGB: 33,107,77;
  --acc: var(--ns-accent); --acc2: var(--ns-accent-hover); --acc-soft: var(--ns-accent-soft);
  --gold: var(--ns-accent); --gold2: var(--ns-accent); --gold3: var(--ns-accent); --gold-soft: var(--ns-accent-soft); --goldg: var(--ns-accent);
  --good: var(--ns-good); --good-soft: var(--ns-good-soft); --warn: var(--ns-warn); --warn-soft: var(--ns-warn-soft);
  --bad: var(--ns-bad); --bad-soft: var(--ns-bad-soft); --muted: var(--ns-inset); --live: #bc2944;
  --off: var(--ns-muted); --shadow: var(--ns-shadow); --shadow2: var(--ns-float); --r: var(--ns-radius); --side: var(--ns-sidebar-width);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --ns-bg: #101518; --ns-surface: #171e23; --ns-inset: #202a31; --ns-sidebar: #141b20;
  --ns-text: #eaf0f4; --ns-secondary: #c1cdd6; --ns-muted: #9daebc;
  --ns-border: #33414c; --ns-control: #6e8292;
  --ns-accent: #88d9b2; --ns-accent-hover: #b4eacf; --ns-accent-soft: #243e33; --ns-on-accent: #10261b;
  --ns-good: #8cdab2; --ns-good-soft: #223b30;
  --ns-warn: #edca82; --ns-warn-soft: #3e321e;
  --ns-bad: #f1a3ac; --ns-bad-soft: #42282e;
  --ns-focus: #90bfff; --ns-overlay: #03080caf; --ns-glass: #171e23ed;
  --ns-shadow: 0 2px 5px #00000018; --ns-float: 0 20px 65px #00000065;
  --live: #f19aaa;
}