:root,
.report-paper {
  color-scheme: light;
  --brand: #0f637a;
  --accent: #1481ab;
  --deep-blue: #2859a4;
  --ink: #203544;
  --muted: #60717d;
  --border: #d7e3e9;
  --canvas: #f4f8fa;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --tint: #eaf4f8;
  --tint-strong: #c7e5ef;
  --focus: #1481ab;
  --on-brand: #ffffff;
  --danger: #a24632;
  --warning-bg: #fff1e8;
  --warning-ink: #89422b;
}
@media screen {
  :root.dark {
    color-scheme: dark;
    --brand: #82cbe0;
    --accent: #54b6db;
    --deep-blue: #9fbdf1;
    --ink: #e2ebf1;
    --muted: #a1b2bf;
    --border: #304552;
    --canvas: #101c25;
    --surface: #182832;
    --surface-raised: #21343f;
    --tint: #213b49;
    --tint-strong: #385d71;
    --focus: #54b6db;
    --on-brand: #102832;
    --danger: #f0a18a;
    --warning-bg: #3b2921;
    --warning-ink: #f1b392;
  }
}