/* Brand blue sampled from the official Young Coffee logo. Shared by all pages. */
:root {
  color-scheme: light;
  --brand: #001871;
  --brand-hover: #102b8a;
  --brand-soft: #e8efff;
  --on-brand: #fff;
  --paper: #f4f7fd;
  --surface: #fff;
  --surface-soft: #eef3fc;
  --ink: #182541;
  --muted: #596985;
  --line: #d8e1f1;
  --line-strong: #a9bbdc;
  --focus: #315db8;
  --focus-ring: #0018711a;
  --measure-ink: #215a9d;
  --measure-line: #c5daef;
  --measure-fill: #eef6ff;
  --serve-line: #cbd4f0;
  --serve-fill: #edf0ff;
  --blend-ink: #08688d;
  --blend-line: #c2dfeb;
  --blend-fill: #edf8fc;
  --finish-ink: #4054a6;
  --finish-line: #d1d8f2;
  --finish-fill: #f1f3ff;
}
::selection { background: var(--brand); color: var(--on-brand); }