/**
 * Light Hill design tokens — namespaced primitives (--lh-*).
 *
 * Every app imports this file, whatever its framework or theme.
 * These power cross-app UI (the shared nav, auth screens) so platform
 * chrome looks identical even on apps with their own visual identity
 * (beacon's status wall, recon's field PWA, sentinel's paper look).
 *
 * App-specific themes may alias their own vars to these, but the
 * --lh-* namespace never collides with app-local custom properties.
 */
:root {
  /* Brand */
  --lh-accent: #2aa3e6;
  --lh-accent-soft: rgba(42, 163, 230, 0.13);
  --lh-accent-line: rgba(42, 163, 230, 0.38);

  /* Surfaces (dark platform chrome) */
  --lh-bg: #0c0d11;
  --lh-panel: #15171d;
  --lh-panel-2: #1b1e26;
  --lh-panel-hover: #232732;
  --lh-border: #2b303b;
  --lh-border-soft: #21252e;

  /* Text */
  --lh-text: #f2f5f9;
  --lh-text-muted: #a5adbb;
  --lh-text-dim: #6d7684;

  /* Status */
  --lh-good: #2fd6c0;
  --lh-info: #4296f0;
  --lh-warn: #f5c84a;
  --lh-alert: #f08a3c;
  --lh-bad: #e8478f;

  /* Typography */
  --lh-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --lh-font-display: 'Barlow Condensed', 'Arial Narrow', -apple-system, sans-serif;
  --lh-font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace;

  /* Shape & depth */
  --lh-radius: 10px;
  --lh-radius-pill: 999px;
  --lh-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 16px 44px rgba(0, 0, 0, 0.4);

  /* Spacing scale */
  --lh-space-1: 4px;
  --lh-space-2: 8px;
  --lh-space-3: 12px;
  --lh-space-4: 16px;
  --lh-space-5: 24px;
  --lh-space-6: 32px;
}