.template-root[data-brand="theme-2"] {
  /* color */
  --brand-tokens-brand-100: #e8e6e0;
  --brand-tokens-brand-200: #c7c5bf;
  --brand-tokens-brand-300: #9b9893;
  --brand-tokens-brand-400: #6d6a66;
  --brand-tokens-brand-50: #f6f5f2;
  --brand-tokens-brand-500: #474440;
  --brand-tokens-brand-600: #2a2724;
  --brand-tokens-brand-700: #211e1c;
  --brand-tokens-brand-800: #181614;
  --brand-tokens-brand-900: #100f0d;
  --brand-tokens-brand-950: #0b0a09;
  --brand-tokens-greyscale-10: #fdfcfa;
  --brand-tokens-greyscale-100: #e1dfdc;
  --brand-tokens-greyscale-1000: #171512;
  --brand-tokens-greyscale-200: #d7d5d1;
  --brand-tokens-greyscale-300: #9b9995;
  --brand-tokens-greyscale-400: #878581;
  --brand-tokens-greyscale-50: #f2f0ee;
  --brand-tokens-greyscale-500: #72706c;
  --brand-tokens-greyscale-600: #5e5c58;
  --brand-tokens-greyscale-700: #494743;
  --brand-tokens-greyscale-800: #35332f;
  --brand-tokens-greyscale-900: #211f1b;
  --brand-tokens-greyscale-950: #1c1a17;
  /* string */
  --brand-tokens-typography-body: "Instrument Sans";
  --brand-tokens-typography-labels: "Instrument Sans";
  --brand-tokens-typography-titles-a: "Bitter";
  --brand-tokens-typography-titles-b: "Bitter";
  /* tint (hand-authored, moved from render/styles/tint.css) */
  --tint-light: var(--brand-tokens-brand-100); /* #e8e6e0 warm grey wash */
}