:root {
  --brand-50: 255 246 236;
  --highlight-50: 255 251 235;
  --brand-100: 255 234 213;
  --highlight-100: 254 243 199;
  --brand-200: 254 211 171;
  --highlight-200: 253 230 138;
  --brand-300: 253 178 117;
  --highlight-300: 252 211 77;
  --brand-400: 246 141 62;
  --highlight-400: 251 191 36;
  --brand-500: 232 112 29;
  --highlight-500: 245 158 11;
  --brand-600: 212 96 12;
  --highlight-600: 217 119 6;
  --brand-700: 191 87 0;
  --highlight-700: 180 83 9;
  --brand-800: 154 68 0;
  --highlight-800: 146 64 14;
  --brand-900: 111 49 0;
  --highlight-900: 120 53 15;
  --surface-top: 255 241 224;
  --surface: 251 247 242;
  --surface-bottom: 248 241 234;
}