/* Vopak branding 
 * Important! Should be in the format R G B (without spaces)
 * @see https://tailwindcss.com/docs/customizing-colors#using-css-variables
 */

html {
  --prtl-primary-50: 231 233 241;
  --prtl-primary-100: 206 211 227;
  --prtl-primary-200: 157 167 199;
  --prtl-primary-300: 108 123 171;
  --prtl-primary-400: 59 79 143;
  --prtl-primary-500: 10 35 115;
  --prtl-primary-600: 9 32 104;
  --prtl-primary-700: 8 28 92;
  --prtl-primary-800: 7 25 81;
  --prtl-primary-900: 6 21 69;

  --prtl-accent-50: 230 250 252;
  --prtl-accent-100: 204 245 249;
  --prtl-accent-200: 153 236 243;
  --prtl-accent-300: 102 226 237;
  --prtl-accent-400: 51 217 231;
  --prtl-accent-500: 0 207 225;
  --prtl-accent-600: 0 166 180;
  --prtl-accent-700: 0 124 135;
  --prtl-accent-800: 0 83 90;
  --prtl-accent-900: 0 41 45;

  --prtl-button-label-primary: 255 255 255;
  --prtl-button-label-accent: 0 0 0;

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