:root {
  --font-sans: "InterVariable", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "CommitMono", ui-monospace, "SF Mono", Menlo, monospace;
  --feat-sans: "calt" 1, "ccmp" 1, "locl" 1, "kern" 1, "cv01" 1;
  --feat-mono: "ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1,
               "cv01" 1, "cv05" 1, "cv06" 1, "cv11" 1;
  --ligatures-sans: common-ligatures contextual;
  --numeric-sans: normal;
  --render-sans: optimizeLegibility;
  --ligatures-mono: none;
  --numeric-mono: slashed-zero tabular-nums;
  --render-mono: geometricPrecision;
  --r-2xs: 2px;
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;
  --ease: cubic-bezier(.4, 0, .2, 1);
  --dur-hover: 150ms;
  --dur-panel: 150ms;
  --dur-attention: 420ms;
  --dur: var(--dur-attention);
  --dur-withdraw: 600ms;
  --type-page: 24px;
  --type-card: 18px;
  --type-row: 15px;
  --type-body: 14px;
  --type-helper: 13px;
  --type-section: 12px;
  --type-nozoom: 16px;
  --lead-page: 32px;
  --lead-card: 24px;
  --lead-row: 20px;
  --lead-body: 20px;
  --lead-helper: 16px;
  --lead-section: 12px;
  --lead-nozoom: 20px;
  --lead-prose: 20px;
  --weight-plain: 400;
  --weight-mid: 450;
  --weight-strong: 500;
  --weight-heavy: 600;
  --track-body: -.02em;
  --control-h: 36px;
  --size-target: 44px;
  --size-square-compact: 26px;
  --space-1: 4px;
  --space-0h: 2px;
  --space-1h: 6px;
  --space-2: 8px;
  --space-2h: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --size-icon-xs: 8px;   
  --size-icon-sm: 14px;  
  --size-icon-md: 16px;  
  --size-icon-lg: 20px;  
  --size-icon-xl: 30px;  
  --size-col-1: 40px;
  --size-col-2: 64px;
  --size-col-3: 104px;
  --size-col-4: 168px;
  --size-col-5: 272px;
  --size-col-sm: 76px;   
  --size-col-md: 88px;   
  --size-col-lg: 116px;  
  --size-col-gutter: 72px; 
  --size-pane-sm: 280px;  
  --size-pane-md: 380px;  
  --size-pane-lg: 860px;  
  --size-icon-xxs: 7px;   
  --size-icon-nav: 15px;  
  --size-col-2xs: 34px;   
  --size-row-sm: 24px;    
  --size-row-md: 32px;
  --size-row-lg: 46px;
  --size-row-xl: 58px;
  --size-pane-xs: 148px;  
  --size-control-select: 148px;
  --size-pane-grid-sm: 150px;   
  --size-pane-grid-md: 226px;   
  --size-pane-drawer: 288px;    
  --size-pane-scroll: 180px;  
  --size-sidebar: 232px;
  --size-rail: 56px;      
  --size-plot: 128px;
  --size-status-rail: 2px;
  --size-tab-mark: 2px;
  --outline-w: 2px;
  --outline-offset: 2px;
  --outline-ring-w: 3px;
  --blur-bar: 12px;
  --blur-scrim: 2px;
  --bp-phone: 640px;
  --bp-phone-up: 641px;
  --bp-tablet: 900px;
  --bp-inventory-row: 836px; 
  --bp-channel-row: 638px;   
  --bp-incident-line: 716px;
  --bp-compact-line: 651px;
  --accent:        oklch(.546 .245 262.881);
  --accent-border: oklch(.623 .214 259.815);
  --accent-ink:    #ffffff;
  --accent-ring:   rgba(43,127,255,.24);
  --accent-ring-dark: rgba(255,255,255,.30);
  --z-chrome: 20;
  --z-float: 40;
  --z-overlay: 60;
  --z-skip: 100;
}
[data-theme="dark"] {
  --canvas:      oklch(.205 0 0);
  --surface:     rgba(255, 255, 255, .03);
  --surface-panel: rgba(255, 255, 255, .02);
  --surface-2:   rgba(255, 255, 255, .05);
  --surface-hi:  rgba(255, 255, 255, .08);
  --surface-float: oklch(.269 0 0);
  --border:      rgba(255, 255, 255, .05);
  --border-hi:   rgba(255, 255, 255, .10);
  --ink:         oklch(.97 0 0);
  --ink-2:       oklch(.708 0 0);
  --ink-3:       oklch(.675 0 0);
  --ink-4:       oklch(.439 0 0);
  --ink-zero:    oklch(.69 0 0);
  --up:          #34d399;
  --up-dim:      #10241d;
  --warn:        #fbbf24;
  --warn-dim:    #2a2110;
  --down:        #f43f5e;
  --down-dim:    #2c1017;
  --down-drained: #816066;
  --warn-drained: #cbc0a4;
  --idle:        #4b5257;
  --idle-dim:    #16191b;
  --on-up:       #08090a;
  --on-warn:     #08090a;
  --on-down:     #08090a;
  --on-idle:     #e8eaec;
  --glow-up:     0 0 0 1px rgba(52,211,153,.35), 0 0 7px -1px rgba(52,211,153,.6);
  --glow-warn:   0 0 0 1px rgba(251,191,36,.38), 0 0 7px -1px rgba(251,191,36,.62);
  --glow-down:   0 0 0 1px rgba(244,63,94,.4),   0 0 8px -1px rgba(244,63,94,.72);
  --glow-idle:   none;
  --ring-down:   rgba(244,63,94,.14);
  --border-control: #26292c;
  --shadow-flat:   none;
  --shadow-raised: 0 3px 6px -2px rgba(0,0,0,.30), 0 2px 4px -2px rgba(0,0,0,.24);
  --shadow-float:  0 10px 15px -3px rgba(0,0,0,.12), 0 4px 6px -4px rgba(0,0,0,.1);
  --scrim:       rgba(0,0,0,.5);
  color-scheme: dark;
}
[data-theme="light"] {
  --canvas:      #fbfbfa;
  --surface:     #ffffff;
  --surface-panel: #fafaf9;
  --surface-2:   #f6f6f5;
  --surface-hi:  #f0f0ef;
  --surface-float: #ffffff;
  --border:      #e6e6e4;
  --border-hi:   #d6d6d3;
  --ink:         #16181a;
  --ink-2:       #5c6165;
  --ink-3:       #6b7075;
  --ink-4:       #b6bbbf;
  --ink-zero:    #63686c;
  --up:          #059669;
  --up-dim:      #d9f5e9;
  --warn:        #b45309;
  --warn-dim:    #fdf0d5;
  --down:        #e11d48;
  --down-dim:    #fde4e9;
  --down-drained: #65424a;
  --warn-drained: #716052;
  --idle:        #c2c7cb;
  --idle-dim:    #f0f0ef;
  --on-up:       #08090a;
  --on-warn:     #ffffff;
  --on-down:     #ffffff;
  --on-idle:     #16181a;
  --glow-up:     0 0 0 1px rgba(5,150,105,.28),  0 0 5px -1px rgba(5,150,105,.4);
  --glow-warn:   0 0 0 1px rgba(180,83,9,.28),   0 0 5px -1px rgba(180,83,9,.4);
  --glow-down:   0 0 0 1px rgba(225,29,72,.3),   0 0 6px -1px rgba(225,29,72,.45);
  --glow-idle:   none;
  --ring-down:   rgba(225,29,72,.18);
  --border-control: #cdcdca;
  --shadow-flat:   none;
  --shadow-raised: 0 4px 6px -1px rgba(16,24,40,.08), 0 2px 4px -2px rgba(16,24,40,.06);
  --shadow-float:  0 10px 15px -3px rgba(16,24,40,.12), 0 4px 6px -4px rgba(16,24,40,.1);
  --scrim:       rgba(16,24,40,.2);
  color-scheme: light;
}