/* Torch Compass brand tokens.
 * Copy into any product's root stylesheet. Mirrors globals.css. */

:root {
  --brand-bg:            #FBF8F3;
  --brand-surface:       #FFFFFF;
  --brand-border:        #E9E3D6;
  --brand-ink:           #161513;
  --brand-ink-muted:     #6B6458;
  --brand-torch:         #8F4E17;
  --brand-torch-soft:    #F3DFCE;
  --brand-compass:       #2E4A7E;
  --brand-compass-soft:  #DEE4F1;

  --brand-mark-sm: 24px; /* inline UI */
  --brand-mark-md: 40px; /* nav, avatar */
  --brand-mark-lg: 72px; /* hero, card */
  --brand-clearspace: 0.5em; /* minimum x-unit */
}

.tc-mark            { color: var(--brand-torch); }
.tc-mark--ink       { color: var(--brand-ink); }
.tc-mark--compass   { color: var(--brand-compass); }
.tc-mark--reversed  { color: var(--brand-bg); }