/* TrustinOnline design system v3 — shared tokens for the site, Office, partner and buyer surfaces (served at /tokens.css). */
:root{
  /* brand */
  --tio-forest:#0B3D2C; --tio-emerald:#0E4F37; --tio-jade:#13693F; --tio-sea:#2A7F5B; --tio-leaf:#3D6B2C; --tio-teal-green:#1B5E57;
  --tio-gold:#B8935A; --tio-gold-ink:#8F6D3B; --tio-gold-soft:#F7F0E4;
  /* surfaces and text */
  --tio-white:#FFFFFF; --tio-mist:#F5FAF7; --tio-mint:#E7F3EC; --tio-text:#0D2219; --tio-text-2:#52645B; --tio-border:#DFE8E2;
  /* data and status colours: always paired with a label or icon */
  --tio-green:#16804A; --tio-teal:#168A8A; --tio-blue:#4776C5; --tio-violet:#8062B5; --tio-amber:#C78A24; --tio-coral:#C56552; --tio-grey:#738078;
  --tio-green-soft:#E6F4EC; --tio-teal-soft:#E3F3F3; --tio-blue-soft:#EAF0FA; --tio-violet-soft:#F0ECF7; --tio-amber-soft:#FBF2E1; --tio-coral-soft:#FAEBE7; --tio-grey-soft:#EEF1EF;
  /* type */
  --tio-font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  /* shape, space, depth, motion */
  --tio-r-card:16px; --tio-r-input:10px; --tio-r-chip:999px;
  --tio-s1:8px; --tio-s2:16px; --tio-s3:24px; --tio-s4:32px; --tio-s5:48px; --tio-s6:64px;
  --tio-shadow:0 1px 2px rgba(11,61,44,.06),0 8px 24px -16px rgba(11,61,44,.28);
  --tio-ease:cubic-bezier(.2,.7,.2,1); --tio-fast:140ms; --tio-med:220ms;
  --tio-max:1280px; --tio-control:44px; --tio-control-touch:48px;
}