/* Vera's colours, type and shapes. Black and white with soft greys; colour only says something is wrong or done. */
:root {
  --frame: #F4F4F4;  --sheet: #FFFFFF;
  --well: #F1F1F1;   --well-2: #E8E8E8;  --active: #E2E2E2;
  --edge: #E7E7E7;   --rule: #F0F0F0;    --control: #D6D6D6;
  --ink: #141414;    --ink-2: #2E2E2E;
  --text: #141414;   --text-2: #383838;  --muted: #595959;  --faint: #696969;
  --lime: #141414;   --lime-soft: #EFEFEF; --lime-ink: #141414; --lime-deep: #141414;
  --stage: #0E0E0E;  --stage-2: #1B1B1B; --stage-3: #2A2A2A; --stage-line: #363636;
  --stage-text: #F5F5F5; --stage-muted: #B4B4B4;
  --good-bg: #E7F4EA; --good-ink: #17542F;
  --warn-bg: #FFF2CF; --warn-ink: #754700;
  --bad-bg: #FFE8E2;  --bad-ink: #8E1F12; --bad: #C2341F;
  --sky-bg: #EDEDED;  --sky-ink: #383838;
  --coral-bg: #FFEDDF; --coral-ink: #8A3B06;
  --r-sheet: 20px; --r-card: 16px; --r-tile: 14px; --r-field: 16px; --r-pill: 999px;
  --h: 38px; --h-sm: 32px; --h-lg: 46px;
  --font: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --float: 0 10px 34px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .07);
  --ease: cubic-bezier(.2, .7, .2, 1);
}
