@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");

/* ═══════════════════════════════════════
   Staff Design Tokens – Operations Command v2
   Deep slate + warm amber command palette.
   Confident, clinical-ops grade surface system.
   ═══════════════════════════════════════ */

:root {
  /* ── Typography ─────────────────── */
  --staff-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    system-ui, sans-serif;
  --staff-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
    Monaco, Consolas, monospace;

  /* ── Core palette ───────────────── */
  --staff-bg: #f3f2ef;
  --staff-surface: #ffffff;
  --staff-surface-raised: #fafaf8;
  --staff-border: #d5d1cb;
  --staff-border-subtle: #e8e5e0;
  --staff-text: #1a1816;
  --staff-text-secondary: #44403c;
  --staff-muted: #787270;

  /* ── Top nav ────────────────────── */
  --staff-top-bg: #111014;
  --staff-top-text: #f5f5f4;
  --staff-top-accent: #e5a336;
  --staff-top-muted: rgba(245, 245, 244, 0.48);

  /* ── Panel surfaces ─────────────── */
  --staff-tray-bg: #faf9f7;
  --staff-context-bg: #f7f6f3;

  /* ── Interactive / accent ────────── */
  --staff-accent: #0e7566;
  --staff-accent-hover: #0c6b5d;
  --staff-accent-subtle: rgba(14, 117, 102, 0.08);
  --staff-link-bg: rgba(26, 24, 22, 0.028);
  --staff-link-hover-bg: rgba(26, 24, 22, 0.06);
  --staff-link-active-bg: rgba(14, 117, 102, 0.095);
  --staff-link-active-text: #0e7566;

  /* ── Elevation ──────────────────── */
  --staff-shadow-xs: 0 1px 2px rgba(17, 16, 20, 0.04);
  --staff-shadow-sm: 0 1px 3px rgba(17, 16, 20, 0.06),
    0 1px 2px rgba(17, 16, 20, 0.03);
  --staff-shadow: 0 4px 14px rgba(17, 16, 20, 0.07),
    0 1.5px 4px rgba(17, 16, 20, 0.035);
  --staff-shadow-lg: 0 8px 28px rgba(17, 16, 20, 0.09),
    0 2px 8px rgba(17, 16, 20, 0.04);
  --staff-shadow-nav: 0 2px 20px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(0, 0, 0, 0.08);

  /* ── Radii ──────────────────────── */
  --staff-radius-xs: 4px;
  --staff-radius-sm: 6px;
  --staff-radius-md: 9px;
  --staff-radius-lg: 13px;

  /* ── Spacing ────────────────────── */
  --staff-space-1: 4px;
  --staff-space-2: 8px;
  --staff-space-3: 12px;
  --staff-space-4: 16px;
  --staff-space-5: 24px;
  --staff-space-6: 32px;

  /* ── Motion ─────────────────────── */
  --staff-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --staff-duration: 0.16s;

  /* ── Center-module semantics ───── */
  --staff-success: #15803d;
  --staff-warning: #92400e;
  --staff-danger: #991b1b;
}