/*
 * Legal's one set of design tokens, loaded first on every page, after Becky's (becky-app public/tokens.css).
 *
 * Status colours follow the group rule: green is finished or agreed; amber is unfinished and a person still has
 * something to do; red is wrong, late, blocked or missing; blue is ready for you, or information that is not a
 * problem; grey is only a label. One red, #b3261e. Legal is light only, like Becky.
 */
:root {
  color-scheme: light;
  --bg: #f7f7f9; --surface: #fff; --surface-2: #f1f3f6; --surface-3: #e8ebf0;
  --line: #d7dae0; --line-strong: #c9cdd6;
  --hover: var(--surface-2);
  /* The edge of every field: over the 3:1 a field's edge needs on white. */
  --control-border: #7f8692;
  --ink: #171c26; --ink-2: #474e5c; --ink-3: #5f6673;
  --brand: #1b2a4a; --brand-2: #24406e; --brand-hover: #1c3459; --brand-text: #24406e; --accent: #e8c468;
  --focus: #1f63d6;
  --ok: #17693f; --ok-bg: #e5f4ea;
  --warn: #7d5200; --warn-bg: #fcf1d6;
  --danger: #b3261e; --danger-bg: #fcebe9; --danger-line: #efb7b1; --on-danger: #fff;
  --info: #1d5aa6; --info-bg: #e7effa;
}