/* TorqSync — brand tokens. Single source of truth for colour in code.
   Brand book: docs/TorqSync-Brand-Book.html */
:root {
  --ts-navy:   #1d2d3d;  /* primary brand */
  --ts-slate:  #2c455d;  /* navy hover / pressed */
  --ts-steel:  #5980a6;  /* interactive */
  --ts-sky:    #94bce3;  /* reverse-on-navy secondary */
  --ts-orange: #e1701a;  /* the one accent, max ~5% of a view */
  --ts-gray:   #6f7780;  /* secondary type, icons */
  --ts-ash:    #c4c9ce;  /* rules, dividers, disabled */
  --ts-paper:  #f2f2f3;  /* page ground */
  --ts-ink:    #1d1f20;  /* body text */

  --ts-radius: 4px;
  --ts-focus: 0 0 0 2px var(--ts-steel);
}

*:focus-visible { outline: 2px solid var(--ts-steel); outline-offset: 2px; }
::selection { background: color-mix(in srgb, var(--ts-steel) 26%, transparent); }