@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700&family=Frank+Ruhl+Libre:wght@500;700&display=swap');

:root {
  --ink: #14233C;
  --ink-2: #2A3B57;
  --paper: #F5F6F8;
  --surface: #FFFFFF;
  --line: #D8DEE6;
  --line-strong: #B7C1CE;
  --muted: #5B6475;
  --green: #0E7C66;
  --green-dark: #0A5E4D;
  --green-tint: #E6F2EE;
  --amber: #9A5B00;
  --amber-tint: #FBF0DD;
  --danger: #B42318;
  --danger-tint: #FDECEA;
  --blue-tint: #E8EEF6;

  --serif: 'Frank Ruhl Libre', 'David', 'Times New Roman', serif;
  --sans: 'Assistant', 'Segoe UI', Arial, sans-serif;
  --radius: 10px;
  --focus: 0 0 0 3px rgba(14, 124, 102, .35);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink);
  background: var(--paper);
}
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: none; box-shadow: var(--focus); }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}