/* Pelican Lab — canonical design-system tokens.
   Single source of truth for all lab dashboards.
   To retheme the whole ecosystem, edit ONLY this file. */
:root {
  /* Backgrounds */
  --pl-bg:    #0a0f1a;
  --pl-card:  #0f1623;
  --pl-panel: #131d2e;
  --pl-edge:  #1e2a3a;
  --pl-line:  #2b3a4d;

  /* Typography */
  --pl-ink:   #e8edf2;
  --pl-dim:   #687787;
  --pl-sub:   #8b98a5;

  /* Accent / status */
  --pl-teal:  #00d4b1;
  --pl-blue:  #58a6ff;
  --pl-ok:    #3fb950;
  --pl-warn:  #eab308;
  --pl-bad:   #f87171;
  --pl-amber: #eab308;

  /* Nav */
  --pl-nav-h: 48px;
  --pl-font:  system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Status badge utilities */
.pl-badge {
  display: inline-block; padding: 2px 8px; border-radius: 20px;
  font-size: 11px; font-weight: 600; letter-spacing: .03em;
}
.pl-badge-ok   { background: rgba(63,185,80,.15);  color: var(--pl-ok); }
.pl-badge-warn { background: rgba(234,179,8,.15);  color: var(--pl-warn); }
.pl-badge-bad  { background: rgba(248,113,113,.15); color: var(--pl-bad); }
.pl-badge-teal { background: rgba(0,212,177,.12);  color: var(--pl-teal); }
.pl-badge-blue { background: rgba(88,166,255,.12); color: var(--pl-blue); }