/* Neurofleet palette study v0.1. sRGB. Not operationally validated. */
[data-nf-palette="graphite"][data-nf-mode="dark"] {
  --nf-canvas: #15191B;
  --nf-surface: #1E2427;
  --nf-raised: #293136;
  --nf-hover: #303A40;
  --nf-grid: #343F46;
  --nf-stroke: #829199;
  --nf-text: #E7ECEF;
  --nf-strong: #FFFFFF;
  --nf-muted: #A8B4BD;
  --nf-disabled: #6A757D;
  --nf-interactive: #83C6F2;
  --nf-selected: #263F50;
  --nf-brand: #FF6A2A;
  --nf-feature: #85939C;
  --nf-status-normal: #B6C2C9;
  --nf-status-info: #7EB9F5;
  --nf-status-warning: #E4BF64;
  --nf-status-alert: #F09A56;
  --nf-status-danger: #F4777F;
  --nf-status-success: #83B795;
  --nf-status-unknown: #A8B0B7;
  --nf-data-rain: #78B7E5;
  --nf-data-wind: #67C4B5;
  --nf-data-visibility: #B9AEC9;
  --nf-data-ice: #A0D8E5;
  --nf-data-wet: #98A4E2;
  --nf-data-current: #95BA88;
  --nf-data-waves: #C69ADB;
  --nf-text-primary: var(--nf-text);
  --nf-text-emphasis: var(--nf-strong);
  --nf-text-secondary: var(--nf-muted);
  --nf-text-link: var(--nf-interactive);
  --nf-ui-active: var(--nf-interactive);
  --nf-ui-focus: var(--nf-interactive);
  --nf-ui-deselected: var(--nf-stroke);
  --nf-time-now: var(--nf-strong);
  --nf-text-on-interactive: #15191B;
}

[data-nf-palette="graphite"][data-nf-mode="light"] {
  --nf-canvas: #F4F5F2;
  --nf-surface: #FFFFFF;
  --nf-raised: #E9EEEB;
  --nf-hover: #DFE7E7;
  --nf-grid: #D0D9DA;
  --nf-stroke: #5F6E78;
  --nf-text: #27323A;
  --nf-strong: #11181D;
  --nf-muted: #54646F;
  --nf-disabled: #7D8990;
  --nf-interactive: #145F91;
  --nf-selected: #DFEDF5;
  --nf-brand: #FF6A2A;
  --nf-feature: #697983;
  --nf-status-normal: #52636F;
  --nf-status-info: #225FA7;
  --nf-status-warning: #8A6100;
  --nf-status-alert: #AE4D0C;
  --nf-status-danger: #B52F3C;
  --nf-status-success: #326844;
  --nf-status-unknown: #626D75;
  --nf-data-rain: #276A9B;
  --nf-data-wind: #176F64;
  --nf-data-visibility: #726180;
  --nf-data-ice: #286E82;
  --nf-data-wet: #535FA5;
  --nf-data-current: #4D6C39;
  --nf-data-waves: #805195;
  --nf-text-primary: var(--nf-text);
  --nf-text-emphasis: var(--nf-strong);
  --nf-text-secondary: var(--nf-muted);
  --nf-text-link: var(--nf-interactive);
  --nf-ui-active: var(--nf-interactive);
  --nf-ui-focus: var(--nf-interactive);
  --nf-ui-deselected: var(--nf-stroke);
  --nf-time-now: var(--nf-strong);
  --nf-text-on-interactive: #FFFFFF;
}