/* Cross Street brand typography (brand guide, 2026-10-28):
     Main headings   Quincy, Regular        -> --cs-font-heading
     Sub-headings    Cosmica, Regular-Heavy -> --cs-font-body at 600/700
     Body text       Cosmica, Regular       -> --cs-font-body
   Quincy ("quincy-cf") comes from the company's Adobe Fonts kit, linked in
   views/layout.ejs (use.typekit.net/hax4lvf.css); Cosmica is self-hosted
   from /fonts (the same files yourcrossstreet.com serves). Inter stays in
   the stack as the fallback while either is still loading or blocked. */
@font-face {
  font-family: 'Cosmica';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/Cosmica-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Cosmica';
  font-style: normal; font-weight: 700; font-display: swap;
  src: url('/fonts/Cosmica-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Cosmica';
  font-style: italic; font-weight: 700; font-display: swap;
  src: url('/fonts/Cosmica-BoldItalic.woff2') format('woff2');
}

:root {
  --cs-font-heading: 'quincy-cf', Georgia, 'Times New Roman', serif;
  --cs-font-body: 'Cosmica', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body { font-family: var(--cs-font-body); }

/* Main headings: the page-level title only (portal heroes, the home and
   login titles, a property's name when it has no logo). Quincy is a
   display serif and is set at its regular weight, as the brand guide shows. */
.page-hero h1,
.hero-brand h1,
.cs-main-heading,
.hero-title,
.login-card h1,
.login-box h1 {
  font-family: var(--cs-font-heading);
  font-weight: 400;
  letter-spacing: 0;
}

/* Sub-headings: every other heading, section header, card and modal title
   -- Cosmica at a heavier weight. Cosmica ships Regular and Bold here, so
   600 renders as Bold. */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.section-header, .modal-title, .card-title {
  font-family: var(--cs-font-body);
}

/* Form controls and buttons inherit the page font (Bootstrap sets its own). */
button, input, select, textarea, .btn, .form-control, .form-select, .ts-control, .ts-dropdown {
  font-family: inherit;
}