.template-root[data-brand="theme-12"] {
  /* color */
  --brand-tokens-brand-100: #fedad6;
  --brand-tokens-brand-200: #febbb3;
  --brand-tokens-brand-300: #f69187;
  --brand-tokens-brand-400: #e8605b;
  --brand-tokens-brand-50: #feeeec;
  --brand-tokens-brand-500: #d62b36;
  --brand-tokens-brand-600: #ba0426;
  --brand-tokens-brand-700: #99001e;
  --brand-tokens-brand-800: #790219;
  --brand-tokens-brand-900: #5c0615;
  --brand-tokens-brand-950: #480711;
  --brand-tokens-greyscale-10: #fafafa;
  --brand-tokens-greyscale-100: #e5e5e5;
  --brand-tokens-greyscale-1000: #0e1316;
  --brand-tokens-greyscale-200: #d2d2d2;
  --brand-tokens-greyscale-300: #b1b1b1;
  --brand-tokens-greyscale-400: #8c8c8c;
  --brand-tokens-greyscale-50: #f2f2f2;
  --brand-tokens-greyscale-500: #696969;
  --brand-tokens-greyscale-600: #4b4b4b;
  --brand-tokens-greyscale-700: #323232;
  --brand-tokens-greyscale-800: #1d1d1d;
  --brand-tokens-greyscale-900: #121212;
  --brand-tokens-greyscale-950: #121212;
  /* string */
  --brand-tokens-typography-body: "Merriweather";
  --brand-tokens-typography-labels: "Manrope";
  --brand-tokens-typography-titles-a: "Merriweather";
  --brand-tokens-typography-titles-b: "Manrope";
  /* tint (hand-authored, moved from render/styles/tint.css) */
  --tint-light: var(--brand-tokens-brand-100); /* #fedad6 blush */
}