/* ZIRA Field monitor tokens - coordination console palette. Linked from field.html only. */
:root {
  --zf-void: #06080d;
  --zf-surface: #0a0e16;
  --zf-surface-2: #0e131d;
  --zf-surface-3: #121926;
  --zf-border: rgba(255, 255, 255, 0.07);
  --zf-border-strong: rgba(255, 255, 255, 0.11);
  --zf-border-accent: rgba(62, 207, 192, 0.22);
  --zf-text: rgba(244, 247, 255, 0.94);
  --zf-muted: rgba(168, 184, 212, 0.78);
  --zf-dim: rgba(118, 136, 168, 0.58);
  --zf-teal: #3ed4c4;
  --zf-teal-dim: #2a9d8f;
  --zf-teal-soft: rgba(62, 212, 196, 0.18);
  --zf-teal-glow: rgba(62, 212, 196, 0.28);
  --zf-violet: #9278f0;
  --zf-violet-soft: rgba(146, 120, 240, 0.2);
  --zf-gold: #d4af37;
  --zf-gold-soft: rgba(212, 175, 55, 0.28);
  --zf-gold-glow: rgba(212, 175, 55, 0.22);
  --zf-mono: "DM Mono", ui-monospace, monospace;
  --zf-sans: var(--font-body, "Manrope", system-ui, sans-serif);
  --zf-r-sm: 8px;
  --zf-r-md: 12px;
  --zf-r-lg: 16px;
  --zf-pad: clamp(10px, 2.4vw, 22px);
  --zf-pad-tight: clamp(8px, 2vw, 16px);
  --zf-header-h: 52px;
  --zf-inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  --zf-shadow-panel: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 10px 28px rgba(0, 0, 0, 0.28);
  --zf-shadow-float: 0 14px 36px rgba(0, 0, 0, 0.42);
  --zf-chrome-line: linear-gradient(180deg, rgba(62, 212, 196, 0.35), rgba(62, 212, 196, 0.05));
  --zf-type-xs: 0.62rem;
  --zf-type-sm: 0.78rem;
  --zf-type-md: 0.875rem;
  --zf-type-kpi: clamp(1.05rem, 2.2vw, 1.35rem);
  --zf-leading-tight: 1.25;
  --zf-leading-body: 1.5;
  --zf-touch-min: 44px;
  --zfm-ease: cubic-bezier(0.16, 1, 0.3, 1);
}