/* 187N Agent HQ design tokens — Linear "midnight precision instrument" (user-supplied, 4 October 2026).
   The single source of colour, type, radius and spacing for the office, the workspace shadow root,
   the native Team modules and the bridged consoles. Custom properties inherit into shadow roots;
   @font-face must stay in the document because Chrome ignores it inside a shadow tree. */
@font-face{font-family:'Inter Var';font-style:normal;font-weight:100 900;font-display:swap;src:url('/agent-hq/demo/static/inter-variable.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/agent-hq/demo/static/jetbrains-mono-400-normal-ui.woff2') format('woff2'),url('/agent-hq/demo/static/jetbrains-mono-400-normal.ttf') format('truetype')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/agent-hq/demo/static/jetbrains-mono-500-normal-ui.woff2') format('woff2'),url('/agent-hq/demo/static/jetbrains-mono-500-normal.ttf') format('truetype')}

:root{
 /* Raw palette */
 --color-void:#08090a;--color-carbon:#0f1011;--color-obsidian:#161718;--color-graphite:#23252a;--color-smoke:#383b3f;
 --color-ash:#62666d;
  /* WCAG AA (6 Oct 2026): the tertiary text role needs 4.5:1 on carbon, obsidian and card-hover. Ash stays for borders and idle marks. */
  --color-pewter:#7e838c;--color-fog:#8a8f98;--color-mist:#d0d6e0;--color-bone:#e5e5e6;--color-paper:#ffffff;
 --color-acid-lime:#e4f222;--color-pulse-green:#27a644;--color-coral-red:#eb5757;--color-signal-teal:#02b8cc;
 --color-iris-violet:#6366f1;--color-lavender:#8b5cf6;--color-amber:#e8a33d;

 /* Surfaces */
 --bg-canvas:var(--color-void);--bg-panel:var(--color-carbon);--bg-elevated:var(--color-obsidian);--bg-slate:var(--color-graphite);
 --bg-card-hover:#1a1b1d;--bg-glass-1:rgba(255,255,255,.02);--bg-glass-2:rgba(255,255,255,.04);--bg-glass-3:rgba(255,255,255,.06);--bg-hover:rgba(255,255,255,.05);--bg-active:rgba(255,255,255,.08);
 /* Lines */
 --border-soft:var(--color-graphite);--border-mid:var(--color-smoke);--border-input:rgba(255,255,255,.08);--border-glow:var(--color-mist);
 /* Text */
 --text-primary:var(--color-paper);--text-body:var(--color-mist);--text-secondary:var(--color-fog);--text-tertiary:var(--color-pewter);
 /* Action: the only filled chromatic element, one per view */
 --accent:var(--color-acid-lime);--accent-hover:#ecf656;--accent-ink:var(--color-void);--accent-white:var(--color-paper);--accent-glow:rgba(228,242,34,.16);
 /* Status — tags and state only, never actions or body copy */
 --status-live:var(--color-pulse-green);--status-error:var(--color-coral-red);--status-info:var(--color-signal-teal);
 --status-pending:var(--color-iris-violet);--status-category:var(--color-lavender);--status-warn:var(--color-amber);--status-idle:var(--color-ash);
 --status-live-wash:rgba(39,166,68,.14);--status-error-wash:rgba(235,87,87,.14);--status-info-wash:rgba(2,184,204,.14);--status-pending-wash:rgba(99,102,241,.16);--status-warn-wash:rgba(232,163,61,.14);
 --text-mono-live:var(--color-pulse-green);
 /* Department identity (the original 187N colours, owner 4 Oct 2026). palette.mjs OFFICE.shirts is the source;
    tests/test_design_tokens.mjs keeps both equal. Identity always pairs the colour with initials or a name. */
 --dept-ecom:#c98e74;--dept-outreach:#95ad8e;--dept-growth:#c98e74;--dept-content:#95ad8e;--dept-revenue:#c8b36d;
 --dept-operations:#ac99ba;--dept-build:#81a8b2;--dept-finance:#9999b8;--dept-command:#ef6b34;--dept-none:var(--color-smoke);
 /* Categorical series (validated 6 Oct 2026 with the dataviz checks on carbon: lightness band, chroma, CVD,
    normal-vision floor, contrast). Fixed order, assigned by entity, never by rank. */
 --cat-1:#8b5cf6;--cat-2:#0b93a5;--cat-3:#b97a16;--cat-4:#c93f8f;
 /* Motion: one curve and three durations (web/motion.mjs uses the same curve). */
 --ease-out-hard:cubic-bezier(.16,1,.3,1);--dur-fast:160ms;--dur-med:220ms;--dur-slow:500ms;

 /* Type */
 --font-ui:'Inter Var','Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
 --font-editorial:var(--font-ui);
 --font-features:"cv01" on,"ss03" on,"zero" on;
 --weight-regular:400;--weight-medium:510;--weight-strong:590;
 --text-micro:10px;--text-label:12px;--text-caption:13px;--text-body-sm:14px;--text-size-body:15px;--text-lead:17px;--text-title:20px;--text-heading:24px;--text-heading-lg:32px;--text-display:48px;
 --tracking-tight:-.022em;--tracking-title:-.012em;--tracking-body:-.01em;

 /* Shape & rhythm */
 --radius-badge:4px;--radius-control:6px;--radius-card:12px;--radius-pill:9999px;--radius:var(--radius-control);
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-card:20px;
 --shadow-hairline:inset 0 0 0 1px var(--color-graphite);--shadow-sm:0 2px 4px rgba(0,0,0,.4);--shadow-xl:0 4px 32px rgba(8,9,10,.6);
 --shadow-pop:0 0 0 1px rgba(0,0,0,.6),0 8px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);
 --focus-ring:0 0 0 2px var(--color-void),0 0 0 4px rgba(208,214,224,.55);
 --ease:cubic-bezier(.2,.8,.2,1);
 --sidebar-width:240px;--topbar-height:48px;--inspector-width:360px;

 /* Legacy names still read by existing rules and nested shadow roots. They resolve to the
    Linear system; accents map to neutral mist so lime never leaks into hovers or borders. */
 --paper:var(--color-void);--ink:var(--color-paper);--muted:var(--color-fog);--line:var(--color-graphite);--soft:var(--bg-glass-2);
 --panel:var(--color-carbon);--panel-high:var(--color-obsidian);--panel-line:var(--color-graphite);--panel-text:var(--color-mist);--panel-muted:var(--color-fog);
 --clay:var(--color-mist);--orange:var(--color-mist);
 --hq-surface:var(--color-carbon);--hq-surface-2:var(--color-obsidian);--hq-text:var(--color-mist);--hq-muted:var(--color-fog);--hq-border:var(--color-graphite);--hq-accent:var(--color-mist);

 color-scheme:dark;
}