.template-root[data-brand="theme-8"] {
  /* color */
  --brand-tokens-brand-100: #faebda;
  --brand-tokens-brand-200: #f4d3b4;
  --brand-tokens-brand-300: #edb484;
  --brand-tokens-brand-400: #e48c53;
  --brand-tokens-brand-50: #fdf6ef;
  --brand-tokens-brand-500: #de6e31;
  --brand-tokens-brand-600: #c45224;
  --brand-tokens-brand-700: #ad4221;
  --brand-tokens-brand-800: #8a3622;
  --brand-tokens-brand-900: #702e1e;
  --brand-tokens-brand-950: #3c150e;
  --brand-tokens-greyscale-10: #ffffff;
  --brand-tokens-greyscale-100: #e1e0d9;
  --brand-tokens-greyscale-1000: #000000;
  --brand-tokens-greyscale-200: #c3c2b7;
  --brand-tokens-greyscale-300: #a5a49a;
  --brand-tokens-greyscale-400: #898781;
  --brand-tokens-greyscale-50: #fcf8f1;
  --brand-tokens-greyscale-500: #6d6b67;
  --brand-tokens-greyscale-600: #52514e;
  --brand-tokens-greyscale-700: #383835;
  --brand-tokens-greyscale-800: #20201f;
  --brand-tokens-greyscale-900: #1a1a19;
  --brand-tokens-greyscale-950: #131313;
  /* string */
  --brand-tokens-typography-body: "Host Grotesk";
  --brand-tokens-typography-labels: "Host Grotesk";
  --brand-tokens-typography-titles-a: "DM Serif Text";
  --brand-tokens-typography-titles-b: "Host Grotesk";
  /* tint (hand-authored, moved from render/styles/tint.css) */
  --tint-light: var(--brand-tokens-brand-100); /* #faebda warm cream */
}