:root {
  --ink: #172033;
  --muted: #647084;
  --surface: #ffffff;
  --background: #f1f4f8;
  --brand: #74e000;
  --brand-dark: #284b0a;
  --danger: #b42318;
  --border: #d9e0e8;
  --control-height: 32px;
  --control-radius: 4px;
  --panel-radius: 6px;
  --control-font-size: .8rem;
  --primary-surface: #90ee90;
  --primary-hover: #7cde7c;
  --secondary-surface: #f8fafc;
  --focus-color: #52745c;
  --table-heading: #d9d9d9;
  --table-border: #9aa4b2;
}