:root {
  --ink: #202823;
  --accent: #c9ee44;
  --accent-hover: #bddf3e;
  --accent-strong: #445b16;
  --freight: #f6f8f1;
  --white: #ffffff;
  --steel: #607066;
  --dark-steel: var(--steel);
  --light-steel: #d8dfd2;
  --line: #d8dfd2;
  --line-strong: #aab8a7;
  --field-border: #82907c;
  --surface-muted: #f1f4eb;
  --surface-lime: #eef4db;
  --verified: #2b7a56;
  --alert: #a1322c;
  --max-width: 1248px;
  --content-width: 760px;
  --radius: 0;
  --section-space: clamp(4rem, 8vw, 8rem);
  --gutter: clamp(1.25rem, 4.5vw, 4.5rem);
  --font-heading: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-body: "IBM Plex Sans", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --shadow: 0 16px 48px rgb(32 40 35 / 7%);
  --brand-aisle-background: linear-gradient(90deg, rgb(246 248 241 / 94%), rgb(246 248 241 / 64%)), url("/images/brand/aisle-rhythm.webp") right center / cover no-repeat, #f6f8f1;
  --brand-relief-background: linear-gradient(90deg, rgb(246 248 241 / 80%), rgb(246 248 241 / 44%)), url("/images/brand/warehouse-relief.webp") right bottom / cover no-repeat, #f6f8f1;
  --brand-dock-background: linear-gradient(rgb(246 248 241 / 70%), rgb(246 248 241 / 48%)), url("/images/brand/dock-light.webp") right bottom / cover no-repeat, #f6f8f1;
}