:root {
  --brand: #316B47;
  --brand-dark: #78C995;
  --danger: #B42E21;
  --danger-dark: #FF9A8C;
  --pdf-accent: #316B47;
  --on-brand: #FFFFFF;
}

body {
  margin: 0;
  font: 16px/1.4 system-ui, sans-serif;
}

header {
  padding: 16px 20px 0;
}

#app {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  padding: 16px 20px;
}

#app a {
  color: var(--brand);
}