/* ===========================================================================
   Plumbline — construction identity.
   Blueprint and site-signage: charcoal structure, safety amber for action,
   a wide grotesque for headings against a technical body face.
   =========================================================================== */

:root {
  --brand:       #a8560c;
  --brand-deep:  #7e3f07;
  --brand-tint:  #fbf0e0;
  --brand-line:  #ebc891;
  --brand-on:    #ffffff;
  --accent:      #1e2a33;
  --accent-tint: #e9eef2;

  --font-display: "Archivo", "Archivo Black", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body:    "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}

/* Headings sit tighter and heavier than the default for a site-signage feel. */
h1, h2, h3, h4 { font-weight: 700; letter-spacing: -0.025em; }
.stat-value { font-weight: 700; }

/* Blueprint grid: a faint measured grid behind the marketing page. */
.blueprint-bg {
  background-image:
    linear-gradient(var(--grid-line, rgba(30,42,51,.055)) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line, rgba(30,42,51,.055)) 1px, transparent 1px);
  background-size: 28px 28px;
}

/* Hazard-stripe rule used as a section divider on the marketing page. */
.hazard {
  height: 6px;
  background: repeating-linear-gradient(
    -45deg, var(--brand) 0 10px, #1e2a33 10px 20px);
  border-radius: 2px;
}