/* THE BACK ROOM: the internal staff design family (Hugo, 11/2/2026).
   Dark means us, daylight means them. Every staff-only screen sits on this
   dark ground with the white logo and a lime STAFF chip in the top bar, so a
   glance (or a cropped screenshot in Slack) says "internal". Agent-facing
   screens keep the Hub's daylight system and never load this file.

   CANONICAL COPY: config/back-room/back-room.css. Every tool serves a
   byte-identical vendored copy at public/back-room.css (Vercel deploys each
   tool directory on its own, so a repo-root file would never ship).
   Edit HERE, then: node scripts/sync-back-room.mjs --write
   Drift is a red smoke: npm run smoke:back-room

   Accents stay punctuation. Lime: the STAFF chip, the focus ring and small
   done/picked marks, never a button or panel fill. True Electric Violet
   (#4F06EB) is 2.26:1 on this ground and fails as text, so links use the
   lighter violet Hugo picked on 11/2 (option C, #AE94FF: 7.48:1 on the
   ground, at least 6.17:1 on every back-room surface; the swatch sheet is in
   ~/Documents/Claude/design-1102/two-families/). Links stay underlined: the
   tint is close in lightness to the cream body text, so colour alone would
   not mark them. Change link colour here, once, never per page. */
:root {
  --br-ground: #16130F;
  --br-panel: #1E1C19;
  --br-field: #211E1B;
  --br-raise: #28251E;
  --br-ink: #EFE9DE;
  --br-soft: #CEC7BA;
  --br-muted: #A79F92;
  --br-placeholder: #8D8579;
  --br-line: rgba(239, 233, 222, .16);
  --br-line-quiet: rgba(239, 233, 222, .085);
  --br-line-strong: rgba(239, 233, 222, .45);
  --br-lime: #CFFF5E;
  --br-link: #AE94FF;
  --br-danger: #FFB4A8;
  --br-danger-bg: #2C201D;
  --br-danger-line: #644B3E;
  --br-ok: #CFFF5E;
  --br-ok-bg: #23271A;
  --br-ok-line: #657344;
  --br-shadow: 0 24px 70px rgba(0, 0, 0, .35);
  --br-r-panel: 18px;
  --br-r-field: 12px;
  --br-r-pill: 999px;
  --br-display: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, sans-serif;
  --br-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  color-scheme: dark;
}

/* The signal. Sits right after the white logo image in each tool's top bar. */
.br-staff {
  display: inline-flex;
  align-items: center;
  flex: none;
  font: 600 10px/1 var(--br-body);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--br-lime);
  border: 1px solid var(--br-lime);
  border-radius: var(--br-r-pill);
  padding: 5px 9px;
  white-space: nowrap;
}