/* Cross Hose and Fittings: design tokens.
   Pressure-gauge / spec-plate chassis. Steel-grey ground, one safety-yellow accent, a muted redline held in reserve.
   Contrast pairs (WCAG, computed):
     ink #1C1F22 on steel-light #ECEEEF        ~15.6:1  body text, light sections
     muted #565D63 on steel-light #ECEEEF      ~5.9:1   secondary text, light sections
     paper-text #EDEFEF on steel-dark #202327   ~14.7:1  dark-section body
     muted-dark #A9B0B5 on steel-dark #202327   ~6.4:1   dark-section secondary
     ink #1C1F22 on safety-yellow #E9B400       ~7.9:1   CTA plate (dark ink on yellow)
     safety-yellow-text #F4C430 on steel-dark #202327  ~7.5:1  phone number, links on dark
     safety-yellow-text #F4C430 on steel-darker #16181B ~8.4:1  header bar text
     link #8A5B00 on steel-light #ECEEEF        ~5.2:1   links on light (darkened yellow for AA)
*/
:root {
  /* grounds */
  --steel-darker: #16181B;
  --steel-dark: #202327;
  --steel-dark-2: #282C31;
  --steel-light: #ECEEEF;
  --steel-light-2: #F5F6F6;
  --panel-dark: #2B2F34;

  /* ink */
  --ink: #1C1F22;
  --muted: #565D63;
  --ink-dark: #EDEFEF;
  --muted-dark: #A9B0B5;

  /* brand accent: safety yellow, one accent, no twin CTA color */
  --yellow: #E9B400;
  --yellow-bright: #F4C430;
  --yellow-press: #C99900;
  --yellow-link: #8A5B00;

  /* reserve accent: hydraulic red, hairline/redline use only */
  --redline: #A8321E;

  /* rules and furniture */
  --rule: #D6DADC;
  --rule-strong: #AFB6BB;
  --rule-dark: #3A3F45;
  --rule-dark-strong: #4C525A;
  --bolt: #6B7278;

  /* type */
  --display: "Oswald", "Arial Narrow", sans-serif;
  --body: "Inter", "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: mechanical, deliberate, short ease-out settles */
  --t-fast: 160ms;
  --t-med: 320ms;
  --t-settle: cubic-bezier(.16, .84, .32, 1);
  --t-linear: linear;

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