/* builder-grid — construction: charcoal poster, blueprint grid, safety
 * yellow. Font URLs are relative so they resolve under any build base. */

@font-face {
  font-family: "Anton";
  src: url(../fonts/anton-400.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url(../fonts/barlow-400.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url(../fonts/barlow-600.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url(../fonts/barlow-800.woff2) format("woff2");
  font-weight: 800;
  font-display: swap;
}

:root {
  --font-display: "Anton", "Barlow", sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
  --display-weight: 400;
  --display-tracking: 0.01em;
  --logo-weight: 400;

  --c-ink: #20242a;
  --c-muted: #5b636e;
  --c-bg: #ffffff;
  --c-tint: #f2f4f6;
  --c-primary: #23292f;
  --c-accent: #8a6508;
  --c-accent-hover: #6f5106;
  --c-on-accent: #ffffff;
  --c-accent-2: #f5b81c;
  --c-card-bg: #f2f4f6;
  --c-card-border: #dde2e8;

  --radius-btn: 4px;
  --radius-card: 6px;
  --radius-field: 4px;

  --hdr-bg: #23292f;
  --hdr-fg: #ffffff;

  --hero-fg: #ffffff;
  --hero-sub: #cdd5dd;
  --hero-kicker: #f5b81c;
  --hero-em: #f5b81c;

  --sec-alt-bg: #23292f;
  --sec-alt-fg: #ffffff;
  --sec-alt-muted: #b9c2cb;
  --pill-border: rgba(245, 184, 28, 0.55);

  --sec-cta-bg: #23292f;
  --sec-cta-fg: #ffffff;
  --sec-cta-muted: #b9c2cb;
  --sec-cta-link: #f5b81c;
  --sec-cta-label: #b9c2cb;
  --field-bg: #ffffff;

  --ftr-bg: #171b1f;
  --ftr-fg: #b9c2cb;
  --ftr-link: #fff;
  --ftr-fine: #8d99a5;
  --callbar-bg: #8a6508;
}

/* Flourishes: hero call button in safety yellow on the dark poster. */
.hero .btn-solid { background: var(--c-accent-2); color: #20242a; }
.hero .btn-solid:hover { background: #e0a710; }
.svc-card { border-left: 4px solid var(--c-accent-2); }
.sec-alt .cities li { color: #fff; }
.sec-alt .overline, .sec-cta .overline { color: var(--c-accent-2); }