/* Summit Home Lending. Navy and amber from the live wordmark, plus ember for the CTA band. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Outfit:wght@400;500;600;700&display=swap");

:root {
  --shl-ink: #122033;
  --shl-ridge: #203558;
  --shl-pacific: #20557b;
  --shl-pacific-deep: #18445f;
  --shl-kelp: #2a4f6c;
  --shl-sun: #d07f2f;
  --shl-sun-dark: #b86a1f;
  --shl-ember: #8e2f3a;
  --shl-ember-deep: #6c222b;
  --shl-foam: #f4f6f8;
  --shl-white: #fbfdfe;
  --shl-line: rgba(18, 32, 51, .12);

  --site-navy: var(--shl-ridge);
  --site-teal: var(--shl-pacific);
  --site-teal-dark: var(--shl-pacific-deep);
  --site-gold: var(--shl-sun);
  --site-gold-dark: var(--shl-sun-dark);
  --site-cream: var(--shl-foam);
  --site-white: var(--shl-white);
  --site-charcoal: var(--shl-ink);
  --site-ink-soft: #31424c;
  --site-ink-faint: #5b6d76;
  --site-radius: 4px;
  --site-radius-lg: 20px;
  --site-shadow: 0 18px 40px rgba(7, 19, 28, .08);
  --site-shadow-lg: 0 36px 80px rgba(7, 19, 28, .16);
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body: "Outfit", "Segoe UI", system-ui, sans-serif;
}