/* Auto-generated from: DNAPF SPR.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: 233 236 243;
  --prtl-primary-100: 210 216 231;
  --prtl-primary-200: 165 177 207;
  --prtl-primary-300: 121 139 183;
  --prtl-primary-400: 76 100 159;
  --prtl-primary-500: 31 61 135;
  --prtl-primary-600: 25 49 108;
  --prtl-primary-700: 19 37 81;
  --prtl-primary-800: 12 24 54;
  --prtl-primary-900: 6 12 27;

  --prtl-accent-50: 246 248 249;
  --prtl-accent-100: 237 240 243;
  --prtl-accent-200: 220 226 231;
  --prtl-accent-300: 202 211 218;
  --prtl-accent-400: 185 197 206;
  --prtl-accent-500: 167 182 194;
  --prtl-accent-600: 134 146 155;
  --prtl-accent-700: 100 109 116;
  --prtl-accent-800: 67 73 78;
  --prtl-accent-900: 33 36 39;

  /* 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: rounded;
}