/* Auto-generated from: RijnenBinnenvaart.tokens.json + RijnenBinnenvaart.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: 235 237 245;
  --prtl-primary-100: 215 219 235;
  --prtl-primary-200: 174 184 214;
  --prtl-primary-300: 134 148 194;
  --prtl-primary-400: 93 113 173;
  --prtl-primary-500: 53 77 153;
  --prtl-primary-600: 42 62 122;
  --prtl-primary-700: 32 46 92;
  --prtl-primary-800: 21 31 61;
  --prtl-primary-900: 11 15 31;

  --prtl-accent-50: 255 247 230;
  --prtl-accent-100: 254 239 204;
  --prtl-accent-200: 254 223 153;
  --prtl-accent-300: 253 208 102;
  --prtl-accent-400: 253 192 51;
  --prtl-accent-500: 252 176 0;
  --prtl-accent-600: 202 141 0;
  --prtl-accent-700: 151 106 0;
  --prtl-accent-800: 101 70 0;
  --prtl-accent-900: 50 35 0;

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

  /* Branded surfaces */
  --prtl-bg-branded-top-bar: 245 245 245;
  --prtl-bg-branded-top-bar-pressed: 210 210 210;

  /* Secondary menu */
  --prtl-bg-secondary-menu: var(--prtl-primary-100);

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