/* Velocity consultant design system — matches ui/Velocity Consultant.html.
   Self-contained (does not use the shared brand.css). */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=Spectral:wght@500;600&display=swap');

:root {
  --ink: #15212B;
  --ink-line: #324A58;
  --on-ink: #D7E0E2;
  --on-ink-dim: #8597A0;
  --paper: #F4F6F4;
  --line: #D6DBD7;
  --signal: #146A5E;
  --signal-bg: #E0EBE8;
  --signal-ink: #0E4F46;
  --signal-soft: #35A18F;
  --amber: #C8791C;
  --amber-bg: #F3E7D4;
  --held: #9E4A4A;
  --held-bg: #F0E2E2;
  --sage: #5E7D34;
  --sage-bg: #E6ECDC;
  --slate: #5A6B72;
  --slate-bg: #E7ECEA;
  /* Document visibility (issue #145): dark to light blue as the audience
     widens. Deliberately not the red/amber/green scale, because visibility is
     not a risk rating. */
  --vis-privileged: #16324F;
  --vis-privileged-bg: #C7D4E4;
  --vis-organisation: #1E4E75;
  --vis-organisation-bg: #DCE7F2;
  --vis-participant: #2A6A93;
  --vis-participant-bg: #EAF2F9;
  --r: 5px;
  --r-lg: 8px;
  --r-sm: 3px;
  --shadow-pop: 0 12px 40px rgba(21,33,43,.18), 0 2px 8px rgba(21,33,43,.08);
  --serif: "Spectral", Georgia, serif;
  --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
  font-size: 15px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: var(--serif); font-weight: 600; color: var(--ink); margin: 0; }
a { color: var(--signal-ink); text-decoration: none; }
a:hover { text-decoration: underline; }
.mono { font-family: var(--mono); }
.eyebrow {
  font-family: var(--mono); font-size: 11px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--slate);
}