/* Design tokens: work-order chassis, carbon and ruled paper. */
:root {
  /* colour */
  --ink: #14181c;
  --ink-2: #3d454d;
  --ink-3: #586067;
  --paper: #f4f2ed;
  --carbon: #e6e7e2;
  --carbon-2: #dcded8;
  --slab: #14181c;
  --slab-2: #1e2429;
  --rule: #b9bdb7;
  --rule-2: #d3d6d0;
  --rule-dark: #39424a;
  --red: #9e2b25;
  --red-lift: #b8332c;
  --paper-dim: rgba(244, 242, 237, .72);

  /* type */
  --f-display: "DM Sans", system-ui, sans-serif;
  --f-body: "Spline Sans", system-ui, sans-serif;
  --t-label: .6875rem;          /* 11px field labels */
  --t-small: .8125rem;
  --t-body: 1.0625rem;
  --t-lead: clamp(1.125rem, 1.6vw, 1.25rem);
  --t-h3: clamp(1.125rem, 1.7vw, 1.375rem);
  --t-h2: clamp(1.5rem, 3.2vw, 2.125rem);
  --t-h1: clamp(1.875rem, 5vw, 3.25rem);
  --t-phone: clamp(2rem, 6vw, 3.5rem);
  --track-label: .09em;

  /* spacing, 8px scale */
  --s1: 8px;  --s2: 16px; --s3: 24px; --s4: 32px;
  --s5: 40px; --s6: 56px; --s7: 72px; --s8: 96px;
  --section-y: clamp(56px, 8vw, 96px);
  --gutter: clamp(20px, 5vw, 48px);
  --measure: 62ch;
  --wrap: 1200px;
  --wrap-narrow: 860px;

  /* form chassis */
  --radius: 0px;
  --bd: 1px solid var(--rule);
  --bd-2: 1px solid var(--rule-2);
  --bd-dark: 1px solid var(--rule-dark);
  --header-h: 132px;
  --shadow: 0 1px 2px rgba(20, 24, 28, .08);
  --ease: cubic-bezier(.2, .6, .3, 1);
  --dur: 190ms;
}