/* ==========================================================================
   M. Justin Davis Real Estate — Brand Design System
   Derived directly from "MJD Brand Guide_final.pdf"
   Navy #12284B · Gold #CDA349 · Steel Blue #809EAD · Warm White #F9F3E8
   Type: Gill Sans Semibold (display) · Montserrat Regular (body)
   ========================================================================== */

:root {
  /* --- Brand core (exact values from the brand guide) --- */
  --navy:        #12284B;
  --gold:        #CDA349;
  --steel:       #809EAD;
  --warm-white:  #F9F3E8;

  /* --- Extended tints & shades (derived, for UI only) --- */
  --navy-950:    #0A162C;
  --navy-900:    #0E1F3B;
  --navy-800:    #12284B;
  --navy-700:    #1C3866;
  --navy-600:    #2A4C82;
  --navy-tint:   rgba(18, 40, 75, 0.06);

  --gold-700:    #A67F29;
  --gold-600:    #B68C34;
  --gold-500:    #CDA349;
  --gold-300:    #E0C489;
  --gold-100:    #F2E6CC;
  --gold-tint:   rgba(205, 163, 73, 0.12);
  /* Golds dark enough to carry TEXT on light backgrounds (WCAG AA).
     Use --gold-ink for small text, --gold-700 for large display text.
     Plain --gold stays for rules, borders, icons and text on navy. */
  --gold-ink:    #8A6A1F;

  --steel-700:   #5E7C8B;
  --steel-800:   #47606E;
  --steel-300:   #B3C6CF;
  --steel-100:   #E1E9ED;
  --steel-tint:  rgba(128, 158, 173, 0.14);

  --white:       #FFFFFF;
  --cream-50:    #FDFBF7;
  --cream-100:   #F9F3E8;
  --cream-200:   #F1E8D8;

  /* --- Semantic --- */
  --bg:          var(--white);
  --bg-alt:      var(--cream-50);
  --bg-warm:     var(--warm-white);
  --bg-dark:     var(--navy);
  --ink:         #12284B;
  --ink-body:    #33415C;
  --ink-muted:   #55627A;
  --ink-on-dark: #EFF3F8;
  --ink-on-dark-muted: rgba(239, 243, 248, 0.85);
  --line:        rgba(18, 40, 75, 0.12);
  --line-soft:   rgba(18, 40, 75, 0.07);
  --line-dark:   rgba(255, 255, 255, 0.14);
  --focus:       var(--gold);

  /* --- Type --- */
  --font-display: "Gill Sans Nova", "Gill Sans MT", "Gill Sans", "Montserrat",
                  -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:    "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
                  Roboto, Helvetica, Arial, sans-serif;

  --step--2: clamp(0.70rem, 0.68rem + 0.10vw, 0.76rem);
  --step--1: clamp(0.82rem, 0.79rem + 0.14vw, 0.90rem);
  --step-0:  clamp(1.00rem, 0.97rem + 0.16vw, 1.08rem);
  --step-1:  clamp(1.18rem, 1.11rem + 0.34vw, 1.38rem);
  --step-2:  clamp(1.42rem, 1.28rem + 0.68vw, 1.85rem);
  --step-3:  clamp(1.72rem, 1.45rem + 1.28vw, 2.50rem);
  --step-4:  clamp(2.05rem, 1.58rem + 2.24vw, 3.40rem);
  --step-5:  clamp(2.45rem, 1.62rem + 3.90vw, 4.60rem);

  --tracking-eyebrow: 0.22em;
  --tracking-wide:    0.10em;

  /* --- Space & shape --- */
  --gutter:   clamp(1.25rem, 4vw, 2.5rem);
  --measure:  68ch;
  --wrap:     1240px;
  --wrap-narrow: 880px;
  --section-y: clamp(4rem, 9vw, 8.5rem);

  --radius-sm: 3px;
  --radius:    5px;
  --radius-lg: 8px;

  --shadow-sm: 0 1px 2px rgba(18,40,75,.06), 0 2px 8px rgba(18,40,75,.05);
  --shadow:    0 2px 6px rgba(18,40,75,.06), 0 12px 32px rgba(18,40,75,.09);
  --shadow-lg: 0 4px 12px rgba(18,40,75,.08), 0 28px 64px rgba(18,40,75,.14);

  --ease: cubic-bezier(.22,.61,.36,1);
  --dur:  .45s;
}