/* myHomeSpot brand styles, based on the current site and original SVG logo. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');
:root {
  --mhs-logo-blue: #008dd3;
  --mhs-logo-1-blue: #008dd3;
  --mhs-logo-2-blue: #36aaff;
  --mhs-navy: #0f3f68;
  --mhs-navy-dark: #082b49;
  --mhs-accent: #36aaff;
  --mhs-link: #0877b9;
  --mhs-ink: #060808;
  --mhs-muted: #627286;
  --mhs-line: #dce4eb;
  --mhs-surface: #f5f7fa;
  --mhs-white: #ffffff;
  --mhs-font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --mhs-font-heading: 'Poppins', ui-sans-serif, system-ui, sans-serif;
}
.mhs-brand { font-family: var(--mhs-font-body); color: var(--mhs-ink); line-height: 1.65; }
.mhs-brand :is(h1,h2,h3) { font-family: var(--mhs-font-heading); font-weight: 600; line-height: 1.15; }
.mhs-brand a { color: var(--mhs-link); text-underline-offset: .18em; }
.mhs-brand .mhs-button { display: inline-block; padding: .8rem 1.25rem; border-radius: 8px; background: var(--mhs-navy); color: #fff; font-weight: 600; text-decoration: none; }
.mhs-brand .mhs-button:hover { background: var(--mhs-navy-dark); }
.mhs-brand :focus-visible { outline: 3px solid var(--mhs-link); outline-offset: 4px; }
.mhs-logo { display: block; width: 240px; max-width: 100%; height: auto; }