/* Westra Engineering — a construction skin over the default portal
   stylesheet (site.yaml `stylesheet`). Steel and safety-amber on a
   concrete ground: the palette of a site hut, not a brochure. */

:root {
  /* Safety amber — the accent you see on a hoarding. */
  --accent: #e8a317;
  --accent-soft: rgba(232, 163, 23, 0.16);
  /* Concrete paper, steel ink. */
  --paper: #eceae6;
  --ink: #1c1f24;
  --ink-dim: #5c626b;
  --line: #c7c4bd;
  --card-bg: rgba(255, 255, 255, 0.6);
  --card-bg-opaque: rgba(255, 255, 255, 0.92);
  --card-shadow: rgba(28, 31, 36, 0.16);
  --hero-glow: rgba(236, 234, 230, 0.85);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #16181c;
    --ink: #e7e4dd;
    --ink-dim: #999a9a;
    --line: #33373d;
    --card-bg: rgba(32, 35, 40, 0.55);
    --card-bg-opaque: rgba(32, 35, 40, 0.92);
    --hero-glow: rgba(22, 24, 28, 0.85);
  }
}

/* A hazard-stripe rule under the hero wordmark — steel amber, the one
   flourish. */
.hero-copy h1 {
  font-weight: 800;
  letter-spacing: -0.01em;
}
.hero::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 46rem;
  height: 0.4rem;
  margin-top: 0.4rem;
  background: repeating-linear-gradient(
    -45deg,
    var(--accent) 0 0.8rem,
    #1c1f24 0.8rem 1.6rem
  );
  border-radius: 0.2rem;
  opacity: 0.85;
}

/* Feature icons carry the amber; a left steel edge grounds each card. */
.feature-icon { color: var(--accent); }
.alt-card {
  border-left: 0.2rem solid var(--accent);
}

/* Primary button reads as painted steel. */
.alt-submit {
  border-radius: 0.4rem;
  color: #1c1f24;
  letter-spacing: 0.01em;
}