/* NT portfolio tokens 1.0.0. Bundle locally; no @import, fonts, CDN or network call. */
:root {
  --nt-background: #101210;
  --nt-surface: #1d211d;
  --nt-text: #ffffff;
  --nt-muted: #c4d1c8;
  --nt-accent: #61e294;
  --nt-ready: #61e294;
  --nt-degraded: #ffd076;
  --nt-offline: #ff9696;
  --nt-unknown: #c4d1c8;
  --nt-monitor: #9bbfff;
  --nt-armed: #ffd076;
  --nt-radius: .75rem;
  --nt-target: 2.75rem;
  --nt-space: .75rem;
  --nt-focus: 0 0 0 3px #101210, 0 0 0 5px #61e294;
  --nt-font: system-ui, sans-serif;
}
.nt-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-family: var(--nt-font); }
.nt-nav a { display: inline-flex; align-items: center; min-height: var(--nt-target); padding: 0 var(--nt-space); color: var(--nt-text); background: var(--nt-surface); border-radius: var(--nt-radius); overflow-wrap: anywhere; }
.nt-nav a[aria-current="page"] { color: var(--nt-background); background: var(--nt-accent); }
.nt-nav a:focus-visible { outline: none; box-shadow: var(--nt-focus); }
.nt-status { display: inline-flex; align-items: center; gap: .5rem; padding: .25rem .5rem; color: var(--nt-text); background: var(--nt-background); border: 1px solid currentColor; border-radius: var(--nt-radius); font-family: var(--nt-font); }
.nt-status[data-state="ready"] { color: var(--nt-ready); }
.nt-status[data-state="degraded"] { color: var(--nt-degraded); }
.nt-status[data-state="offline"] { color: var(--nt-offline); }
.nt-status[data-state="unknown"] { color: var(--nt-unknown); }
.nt-status[data-state="monitor"] { color: var(--nt-monitor); }
.nt-status[data-state="armed"] { color: var(--nt-armed); }
@media (prefers-reduced-motion: reduce) { .nt-nav *, .nt-status { transition: none; animation: none; } }