/* FastIntercom design tokens (DESIGN.md, «The Talkback Panel»): the one source for both pages.
   Served as /static/tokens.css and linked by the control center, its login page and the participant page.
   The pages map their own short names (--bg, --card ...) onto these. */
:root {
  /* control center desk */
  --fi-night-desk: #0b1220; --fi-side-rail: #0e1830; --fi-panel-navy: #1d2e50; --fi-tile-blue: #2d4b80;
  --fi-line-blue: #3d5a96; --fi-ring-blue: #3b6fd0; --fi-edge-sky: #8cbcff;
  --fi-signal-blue: #3b82f6; --fi-title-sky: #7fb0ff; --fi-action-blue: #2158c7;
  /* text */
  --fi-text-ice: #e6edf7; --fi-text-dim: #8fa0bf;
  /* state */
  --fi-online-green: #2fc486; --fi-ok-green: #34c58a; --fi-ok-fill: #14503a; --fi-ok-text: #7bf0c0;
  --fi-offline-red: #e5483c; --fi-bad-red: #e06666; --fi-bad-fill: #5a1c26; --fi-bad-text: #ffb3bb;
  --fi-regie-red: #d9453a; --fi-talk-amber: #e0a030; --fi-hold-yellow: #eab308; --fi-ink-on-amber: #111111;
  /* family mark only, never a state */
  --fi-fastaudio-orange: #f59e0b;
  /* shape and spacing */
  --fi-radius-xs: 4px; --fi-radius-sm: 8px; --fi-radius-md: 10px; --fi-radius-pill: 12px; --fi-radius-lg: 14px;
  --fi-space-xs: 4px; --fi-space-sm: 8px; --fi-space-md: 12px; --fi-space-lg: 16px; --fi-space-xl: 24px;
  /* depth */
  --fi-shadow-float: 0 12px 32px rgba(0, 0, 0, .65);
  --fi-font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --fi-font-mono: ui-monospace, Consolas, monospace;
}

/* lifted cards: a soft shadow under panels, the frame stays (DESIGN.md, «slightly lifted») */
:root { --fi-shadow-card: 0 4px 14px rgba(0, 0, 0, .35); }

/* browser surfaces shared by all pages */
:focus-visible { outline: 2px solid var(--fi-edge-sky); outline-offset: 2px; }
::selection { background: var(--fi-ring-blue); color: #fff; }