/* VisChess brand tokens.
   Brand hexes (olive, brick, mustard, red, saffron, mustard-text, cream-text) are exact from
   Design/VisChess.fig (extracted 2026-11-06). Canvas, ink, lines, washes, olive-deep are kit-derived. */
:root {
  --vc-canvas: #F4E9DA;      /* paper */
  --vc-canvas-2: #EDE0CD;    /* table stripes, wells */
  --vc-ink: #1E2A1A;         /* all text */
  --vc-ink-soft: #5B6650;    /* secondary text */
  --vc-olive: #4D5E3E;       /* primary action, active (.fig; flat render under paper texture ~#475839) */
  --vc-olive-deep: #34442A;  /* hover */
  --vc-olive-wash: #DDE3CF;  /* active chip fill */
  --vc-brick: #711D1D;       /* logo + wordmark; destructive, inactive (.fig) */
  --vc-brick-wash: #F0D4CC;  /* inactive chip fill */
  --vc-mustard: #F9CC59;     /* mustard fill (.fig); pending / warning fill */
  --vc-mustard-wash: #F8E6A8;
  --vc-red: #99271F;         /* flat red panel (.fig) */
  --vc-mustard-text: #ECC35D; /* mustard type and keylines (.fig) */
  --vc-saffron: #EEB012;     /* pixel-mark tile (.fig) */
  --vc-cream-text: #EDE0C0;  /* light text on olive (.fig) */
  --vc-blush: #F1D2C1;       /* selected row */
  --vc-line: #D9CBB6;
  --vc-line-strong: #B9A98E;
  --vc-focus: #1E2A1A;       /* keyboard focus ring: ink, offset so it reads on any fill */

  --vc-radius: 3px;          /* near-square */
  --vc-radius-pill: 999px;

  --vc-text-xs: 0.75rem;
  --vc-text-sm: 0.8125rem;
  --vc-text-md: 0.9375rem;
  --vc-text-lg: 1.25rem;
  --vc-text-xl: 1.75rem;
  --vc-text-2xl: 2.5rem;
}