/* Direction: industrial scrapyard ledger — steel-grey paper, copper accent, condensed display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f3f1ee;
  --surface: #ffffff;
  --surface-2: #e9e6e1;
  --border: #d6d2cb;
  --border-strong: #b2aca8;
  --ink: #191c20;
  --muted: #5b5f66;
  --accent: #b4541e;
  --accent-hover: #99471a;
  --accent-ink: #ffffff;
  --accent-text: #9a4519;
  --accent-strong: #99471a;
  --accent-soft: #eadbd1;
  --accent-border: #d7aa90;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #d8e3d9;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #ebded3;
  --warning-strong: #994607;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #ecd7d5;
  --danger-strong: #b91c1c;
  --chart-1: #b4541e;
  --chart-2: #938d13;
  --chart-3: #146d51;
  --chart-4: #0896bf;
  --chart-5: #5649a4;
  --chart-6: #c6659d;

  --x-band: #14171b;
  --x-on-photo: #ffffff;
  --x-copper: #e08a54;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: -0.01em;
  --radius-card: 4px;
  --radius-btn: 3px;
  --radius-input: 3px;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Barlow", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #120903;
  --surface: #2a221c;
  --surface-2: #1e1510;
  --border: #332b26;
  --border-strong: #59534f;
  --ink: #f3f1ee;
  --muted: #999490;
  --accent: #b4541e;
  --accent-hover: #bf6e40;
  --accent-ink: #ffffff;
  --accent-text: #c57b50;
  --accent-strong: #c57b50;
  --accent-soft: #361a09;
  --accent-border: #5b2b0f;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #132310;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #361904;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #370d09;
  --danger-strong: #d16969;
  --chart-1: #b4541e;
  --chart-2: #99931e;
  --chart-3: #199670;
  --chart-4: #0896bf;
  --chart-5: #7a71cf;
  --chart-6: #c6659d;
}

.hero-scrim {
  background: linear-gradient(100deg, rgba(10, 12, 15, 0.92) 0%, rgba(10, 12, 15, 0.7) 55%, rgba(10, 12, 15, 0.35) 100%);
}
.plate {
  background-image: repeating-linear-gradient(135deg, transparent 0 14px, rgba(255, 255, 255, 0.03) 14px 15px);
}
.rule-copper {
  height: 4px;
  width: 56px;
  background: var(--accent);
}
.svc-row {
  transition: background-color 0.2s ease, padding-left 0.2s ease;
}
.svc-row:hover {
  background-color: var(--surface);
  padding-left: 1rem;
}
.prod-card img {
  transition: transform 0.5s ease;
}
.prod-card:hover img {
  transform: scale(1.05);
}
html.reduced-motion .prod-card img,
html.reduced-motion .svc-row {
  transition: none;
}
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 4.5rem; }