/* Agreed palette from style-direction.html. Brand yellows are separate from UI butter. */
:root {
  --paper: #fffdf8;
  --white: #ffffff;
  --ink: #294b5a;
  --muted: #617782;
  --action: #127da8;
  --action-hover: #0b668c;
  --sky: #7cd0ee;
  --wash: #f0f9fd;
  --apricot: #ffa675;
  --butter: #ffe39a;
  --line: #dee9ec;
  --grass: #529a35;
  --grass-text: #3c7228;
  --strawberry: #df4b62;
  --strawberry-text: #ad3046;
  --focus: #258bc0;
  --brand-yellow: #fcd37d;
  --brand-gold: #ebb648;
  --font-family: Manrope, system-ui, sans-serif;
}