@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");

:root {
  --lv-navy: #0c2942;
  --lv-navy-light: #183c56;
  --lv-teal: #0c8b83;
  --lv-aqua: #2bc4b6;
  --lv-coral: #ff725e;
  --lv-cream: #f7f6f1;
  --lv-mist: #e8f4f2;
  --lv-line: #dce6e8;
  --lv-muted: #597081;
  --lv-white: #ffffff;
  --lv-font-body: "DM Sans", Arial, sans-serif;
  --lv-font-display: "Manrope", "DM Sans", Arial, sans-serif;
  --lv-focus: 0 0 0 3px rgba(255, 114, 94, 0.42);

  /* Backwards-compatible aliases used throughout the current website. */
  --ink: var(--lv-navy);
  --ink-2: var(--lv-navy-light);
  --teal: var(--lv-teal);
  --aqua: var(--lv-aqua);
  --coral: var(--lv-coral);
  --cream: var(--lv-cream);
  --mist: var(--lv-mist);
  --line: var(--lv-line);
  --muted: var(--lv-muted);
  --white: var(--lv-white);
}

html { scroll-behavior: smooth; }
body {
  font-family: var(--lv-font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--lv-font-display); }
a, button, input, select, textarea { outline-offset: 3px; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(255, 114, 94, 0.42);
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}