/* The brand layer for the static subpages (legal notice, privacy, terms, contact, privacy choices): the app's fonts and
   colours on top of each page's own inline styles, and the logo bar. The homepage has its own styles
   (src/homepage.template.html). */
@font-face {
  font-family: 'Manrope';
  src: url('/assets/fonts/manrope-latin-wght-normal.woff2') format('woff2');
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter-latin-wght-normal.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --text: #191C1C;
  --muted: #5E6665;
  --border: rgba(25, 28, 28, 0.09);
  --link: #007A87;
  --link-hover: #003434;
}
html body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  background: #F5F7F6;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
  font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}
h1 { font-size: clamp(30px, 4.4vw, 42px); line-height: 1.1; }
.brand-bar { display: inline-flex; align-items: center; margin: 4px 0 22px; }
.brand-bar img { display: block; height: 26px; width: auto; }
:focus-visible { outline: 3px solid #007A87; outline-offset: 3px; border-radius: 6px; }