/* Auto-generated from: DHL.tokens.json
 * Important! Should be in the format R G B (without commas)
 * @see https://tailwindcss.com/docs/customizing-colors#using-css-variables
 */
html {

  /* Color palette */
  --prtl-primary-50: 248 231 234;
  --prtl-primary-100: 240 207 213;
  --prtl-primary-200: 225 159 171;
  --prtl-primary-300: 210 112 129;
  --prtl-primary-400: 195 64 87;
  --prtl-primary-500: 180 16 45;
  --prtl-primary-600: 144 13 36;
  --prtl-primary-700: 108 10 27;
  --prtl-primary-800: 72 6 18;
  --prtl-primary-900: 36 3 9;

  --prtl-accent-50: 254 250 231;
  --prtl-accent-100: 252 245 208;
  --prtl-accent-200: 250 234 161;
  --prtl-accent-300: 247 224 113;
  --prtl-accent-400: 245 213 66;
  --prtl-accent-500: 242 203 19;
  --prtl-accent-600: 194 162 15;
  --prtl-accent-700: 145 122 11;
  --prtl-accent-800: 97 81 8;
  --prtl-accent-900: 48 41 4;

  /* On-color utilities */
  --prtl-text-on-branded-top-bar: 0 0 0;

  /* Branded surfaces */
  --prtl-bg-branded-top-bar: 243 244 246;
  --prtl-bg-branded-top-bar-pressed: 229 231 235;

  /* Shape */
  /* One of 'rounded', 'straight', 'circular' */
  --prtl-shape: straight;
}