/* ================================================================
   components/brokerages/7/brokerage.css
   Chase International (brokerage_id = 7)

   Loaded once per page by components/core/head.php, replacing the
   per-component @import + hardcoded-hex pattern used in nav.php,
   footer.php, and the home/buyers/about/contact override files today.

   Existing override files still work as-is (their own @import and
   hardcoded hex values just become redundant, not broken) — this file
   is additive. Migrating them to reference these custom properties
   instead of repeating hex values is optional cleanup, not required
   for anything to function.
================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  --tahoe-deep:  #0A2233;
  --tahoe-mid:   #123448;
  --tahoe-light: #1E4A61;
  --granite:     #5B5F58;
  --mist:        #EEF1EC;
  --mist-dim:    #E3E7E0;
  --brass:       #BA8A46;
  --brass-light: #D8AE72;
  --pine:        #2C4438;
  --ink:         #141E1C;
  --paper:       #F6F5F0;
  --line:        rgba(20,30,28,0.12);
  --cb-max:      1240px;
}

/* Base typography — matches every Chase mockup's shared reset.
   Scoped to body.page-* (set by head.php's <body class>) so this never
   leaks onto anything outside a Chase page. */
body[class*="page-"] h1,
body[class*="page-"] h2,
body[class*="page-"] h3,
body[class*="page-"] h4 {
  font-family: 'Fraunces', serif;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
