/* A-1 Bonding Corporation: design tokens.
   High-desert palette: adobe brown, bone, one restrained turquoise accent.
   Contrast pairs (WCAG, computed):
     ink #33241A on bone #F2EADC            ~11.2:1  body text
     muted #6C5847 on bone #F2EADC          ~5.7:1   secondary text
     bone-text #F4EBDD on dark #26190F      ~13.5:1  dark-section body
     muted-dark #C9B49B on dark #26190F     ~8.6:1   dark-section secondary
     bone-text #F9F4E9 on clay #A6512D      ~4.6:1   primary button (17px+)
     bone-text #F4EBDD on leather #4A3524   ~9.7:1   secondary button
     link #1F6E66 on bone #F2EADC           ~5.1:1   links, ticks on light
     accent #56BDB2 on dark #26190F         ~7.0:1   ticks, pulse on dark
*/
:root {
  /* grounds */
  --dark: #26190F;
  --dark-2: #2E2013;
  --bone: #F2EADC;
  --bone-2: #F9F4E9;

  /* ink */
  --ink: #33241A;
  --muted: #6C5847;
  --ink-dark: #F4EBDD;
  --muted-dark: #C9B49B;

  /* brand */
  --clay: #A6512D;
  --clay-press: #8F4425;
  --leather: #4A3524;
  --leather-press: #3D2B1D;
  --turq: #1F6E66;
  --turq-bright: #56BDB2;

  /* rules and furniture */
  --rule: #D8CBB6;
  --rule-strong: #B29C7E;
  --rule-dark: #4B3A28;
  --tickbox: #B29C7E;

  /* type */
  --display: "Coustard", "Georgia", serif;
  --body: "Armata", "Segoe UI", system-ui, sans-serif;

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

  /* motion: H1 crisp and instant */
  --t-fast: 130ms;
  --t-step: steps(2, jump-end);
  --t-cut: cubic-bezier(.2, 0, .8, 1);

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