/* NAVI / SiteOS — brand system v1. Brand and operational colors have separate roles. */
:root {
  --navi-ivory: #F7F4ED;
  --navi-limestone: #EAE4D9;
  --navi-white: #FFFDFA;
  --navi-charcoal: #262521;
  --navi-muted: #625D55;
  --navi-rule: #CCC4B7;
  --navi-oxblood: #562D37;
  --navi-tobacco: #805437;
  --navi-selected: #EEE4E5;
  --navi-focus: #285D83;
  --navi-good: #286447;
  --navi-good-soft: #E8F0E9;
  --navi-warning: #805100;
  --navi-warning-soft: #FFF0D0;
  --navi-danger: #A33030;
  --navi-danger-soft: #F9E7E3;
  --navi-unknown: #625D55;
  --navi-font-ui: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --navi-font-data: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --navi-space-1: 4px;
  --navi-space-2: 8px;
  --navi-space-3: 12px;
  --navi-space-4: 16px;
  --navi-space-6: 24px;
  --navi-space-8: 32px;
  --navi-space-12: 48px;
  --navi-radius: 4px;
  --navi-control-height: 44px;
  --navi-icon-stroke: 1.5;
}