/* Focus Mission's site-wide implementation of the TLS editorial system. */
:root {
  --rmg-black: #0D1B2A;
  --rmg-charcoal: #3A4A5A;
  --rmg-stone: #6B3E26;
  --rmg-mist: #BDAF9A;
  --rmg-cream: #FBF7F1;
  --th-navy: #0D1B2A;
  --th-slate: #3A4A5A;
  --th-ivory: #FBF7F1;
  --th-sand: #BDAF9A;
  --th-coffee: #6B3E26;
  --th-display: 'Cormorant Garamond', Georgia, serif;
  --th-sans: 'DM Sans', Arial, sans-serif;
}

html { background: var(--th-ivory); }
body { background: var(--th-ivory); color: var(--th-navy); font-family: var(--th-sans); }
body > * { font-family: var(--th-sans); }
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: var(--th-display); letter-spacing: -.035em; }

/* The former template remains readable while the new component pages are rolled out. */
body:not(.th-page) .container { max-width: 1180px; }
body:not(.th-page) .section-title h1, body:not(.th-page) .section-title h2 { color: var(--th-navy); }
body:not(.th-page) .btn, body:not(.th-page) .primary-btn { border-radius: 0; font-family: var(--th-sans); letter-spacing: .1em; text-transform: uppercase; }

/* The reference project uses the same shell on every page. */
#nav-placeholder { position: relative; z-index: 1000; }
#footer-placeholder { position: relative; z-index: 10; }

body.th-page .th-final { background-image: linear-gradient(105deg, rgba(13,27,42,.84), rgba(13,27,42,.56) 58%, rgba(13,27,42,.34)), url('../images/inside-the-vehcle.jpg'); }
body.th-page .th-places { background: var(--th-ivory); }
body.th-page .th-faq { background: var(--th-ivory); }

@media (max-width: 620px) {
  body:not(.th-page) h1 { font-size: clamp(2.8rem, 13vw, 4.6rem); }
}