/* Oddjob Tools: "Three colours". Each tool owns a colour; round and friendly. */
:root {
  --page: #F3F0F9; --surface: #FFFFFF; --surface-2: #F1ECFA; --surface-3: #E6DEF6;
  --ink: #1D1433; --ink-2: #463D5C; --muted: #716A85;
  --line: rgba(29, 20, 51, .10); --line-strong: rgba(29, 20, 51, .26);
  --accent: #5B3DF0; --accent-hover: #4A2FD6; --accent-ink: #FFFFFF; --accent-soft: #E3DCFF; --accent-text: #4A2FD6;
  --band: #1D1433; --band-ink: #F7F3FF; --band-ink-2: #C3B9DC; --band-accent: #FFC531;
  --tool-captions: #FFC531; --tool-silence: #2FD6A0; --tool-reframe: #FF8FB1;
  --tool-photo: #FFC531; --tool-contract: #2FD6A0; --tool-transcribe: #B8A6FF;
  --tool-ink: #1D1433;
  --ok: #0F7A55; --ok-soft: #D9F6EA; --warn: #8A5300; --warn-soft: #FFF1CC; --bad: #B42318; --bad-soft: #FCE9E6;
  --f-head: "Gabarito", ui-sans-serif, system-ui, sans-serif;
  --f-body: "Rethink Sans", ui-sans-serif, system-ui, sans-serif;
  --w-head: 800; --track: -.015em;
  --r: 22px; --r-sm: 14px; --r-btn: 999px;
  --shadow: 0 1px 2px rgba(29, 20, 51, .05), 0 8px 28px -14px rgba(29, 20, 51, .16);
  --shadow-lift: 0 2px 4px rgba(29, 20, 51, .06), 0 18px 40px -18px rgba(29, 20, 51, .28);
}