/* Theme tokens for 4M Land Improvement. This file is the only thing that
   changes the look. The layout lives in site.css and is identical on every template. */
:root{
    --bg:#ffffff;
    --bg-alt:#f5f4f0;
    --ink:#14171c;
    --body:#474c55;
    --muted:#6b7079;
    --line:#e6e3dc;
    --line-soft:#efece6;
    --line-hover:#d4d0c7;

    --brand:#1d4e89;
    --brand-dark:#163c6a;
    --brand-light:#f5b400;
    --brand-soft:#eaf0f8;
    --brand-shadow:rgba(29,78,137,.25);

    --hero-scrim:rgba(20,23,28,.80);
    --hero-scrim-2:rgba(29,78,137,.30);

    --display:'Oswald', system-ui, sans-serif;
    --sans:'Source Sans 3', system-ui, sans-serif;

    --radius:6px;
    --radius-lg:10px;
    --btn-radius:4px;

    --shadow-sm:0 1px 2px rgba(16,32,46,.06), 0 1px 3px rgba(16,32,46,.05);
    --shadow:0 10px 30px rgba(16,32,46,.09);

    --gutter:20px;
    --maxw:1160px;
}

/* Site-specific touches */
.topbar{border-bottom:3px solid #f5b400;}
body .btn-primary{background:#f5b400;color:#14171c;box-shadow:0 6px 18px rgba(245,180,0,.3);}
body .btn-primary:hover{background:#e0a300;}
body .step-num{background:#f5b400;color:#14171c;}
body .nav-logo img{height:72px;}
body .footer-brand .nav-logo img{height:64px;}
h1,h2,h3,.nav-logo-name{letter-spacing:.01em;}
body .area-list a{color:var(--ink);font-weight:600;}
body .area-list a:hover{color:var(--brand);}
body a.card:hover{border-color:var(--brand);}
@media (min-width:981px){body .grid-3 > :last-child:nth-child(3n+1){grid-column:2;}}
body a.card p{color:var(--body);}
body a.card h3{color:var(--ink);}
body .hero-photo img{opacity:.5;}