/* Incline Sherpa design system v2 (Art Director, Oct 19 2026). Site first; app reskin adopts the same names. */
@font-face{font-family:'IBM Plex Sans';src:url(fonts/IBMPlexSans-var.ttf) format('truetype');font-weight:100 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(fonts/IBMPlexMono-Medium.ttf) format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(fonts/IBMPlexMono-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}
:root{
  /* color: OLED black; amber = act/warn only; emerald = safe progress only; red = fill only */
  --c-bg:#000000; --c-sheet:#111111; --c-line:#262626; --c-control:#3A3A3A;
  --c-text:#F2F2F2; --c-text-2:#B8B8B8; --c-text-3:#8F8F8F;      /* 18.1 / 10.6 / 6.6 :1 on #000 */
  --c-amber:#FF5722; --c-on-amber:#000000;                         /* 6.9:1 */
  --c-emerald:#00E676; --c-on-emerald:#000000;                     /* 12.8:1 */
  --c-emergency:#B71C1C; --c-on-emergency:#FFFFFF;                 /* 6.57:1, fill only */
  --c-tbd:#B8B8B8;
  /* type */
  --f-sans:'IBM Plex Sans',Roboto,system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;               /* telemetry + numbers only */
  --t-13:500 13px/1.4 var(--f-sans);   /* meta, labels (floor) */
  --t-15:400 15px/1.5 var(--f-sans);   /* secondary */
  --t-17:400 17px/1.5 var(--f-sans);   /* body */
  --t-20:600 20px/1.3 var(--f-sans);   /* row title */
  --t-24:600 24px/1.2 var(--f-sans);   /* screen/section title (mobile) */
  --t-32:600 32px/1.1 var(--f-sans);   /* section title desktop */
  --t-48:600 48px/1.02 var(--f-sans);  /* display */
  --t-num-88:500 88px/1 var(--f-mono); /* hero telemetry */
  --t-num-32:500 32px/1 var(--f-mono);
  --track-display:-0.02em; --track-caps:0.06em;
  /* space (4/8 grid) */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--s-24:96px;
  /* shape */
  --r-0:0;--r-4:4px;--r-12:12px; --hair:1px solid var(--c-line); --ctl:1px solid var(--c-control);
  --focus:0 0 0 2px #000,0 0 0 5px var(--c-amber);
  /* targets */
  --tap:64px; --tap-safety:72px;
}
.is-tbd{color:var(--c-tbd);outline:1px dashed var(--c-tbd);outline-offset:2px;border-radius:var(--r-4);padding:0 6px;font:600 13px/1.4 var(--f-sans);text-transform:uppercase;letter-spacing:.06em}
