/* S&T Trucking Logistics: design tokens.
   Dispatch-board palette: near-black board, bone paper, amber signal (broker's
   second color is a quiet slate-green so the carrier/broker lanes read apart).
   Contrast pairs (WCAG, computed):
     ink #1B1E20 on paper #F4F1EA           ~14.9:1  body text
     muted #565F5A on paper #F4F1EA         ~5.9:1   secondary text
     paper-text #EFEBE0 on board #16191B    ~14.8:1  dark-section body
     muted-dark #A9AFA3 on board #16191B    ~7.9:1   dark-section secondary
     amber-bright #F4A93C on board #16191B  ~8.9:1   phone number, ticks on dark
     amber #D98E2B on board #16191B         ~6.6:1   labels on dark
     board #16191B on amber-btn #D98E2B     ~6.6:1   primary button text
     amber-deep #96591A on paper #F4F1EA    ~5.0:1   links/accents on light
     slate #3A453C on paper #F4F1EA         ~8.9:1   broker-lane accent on light
     paper-text #F4F1EA on slate-btn #4C5A4E ~6.5:1  broker-lane fill
*/
:root {
  /* grounds */
  --board: #16191B;
  --board-2: #1E2224;
  --paper: #F4F1EA;
  --paper-2: #FAF8F2;

  /* ink */
  --ink: #1B1E20;
  --muted: #565F5A;
  --ink-dark: #EFEBE0;
  --muted-dark: #A9AFA3;

  /* brand: amber signal (carrier lane / primary), slate (broker lane) */
  --amber: #D98E2B;
  --amber-bright: #F4A93C;
  --amber-deep: #96591A;
  --amber-press: #C17D22;
  --slate: #4C5A4E;
  --slate-light: #3A453C;
  --slate-press: #3E4A40;

  /* rules and furniture */
  --rule: #D9D3C3;
  --rule-strong: #B7AE96;
  --rule-dark: #33383A;
  --tickbox: #B7AE96;

  /* type */
  --display: "Oswald", "Arial Narrow", sans-serif;
  --body: "Inter", "Segoe UI", system-ui, sans-serif;
  --mono: "JetBrains Mono", "Consolas", monospace;

  /* spacing scale, 8px base */
  --s1: 8px;  --s2: 16px; --s3: 24px; --s4: 32px;
  --s5: 40px; --s6: 48px; --s8: 64px; --s10: 80px; --s12: 96px;

  /* motion: mechanical, snappy, board-marker ticks */
  --t-fast: 160ms;
  --t-step: cubic-bezier(.3, 0, .3, 1);
  --t-cut: cubic-bezier(.2, 0, .8, 1);

  --radius: 2px;
  --max: 1160px;
}