/* Pensioenfonds MSD 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: 237 234 242;
  --prtl-primary-100: 218 213 230;
  --prtl-primary-200: 181 171 205;
  --prtl-primary-300: 145 128 179;
  --prtl-primary-400: 108 86 154;
  --prtl-primary-500: 71 44 129;
  --prtl-primary-600: 57 35 103;
  --prtl-primary-700: 43 26 77;
  --prtl-primary-800: 28 18 52;
  --prtl-primary-900: 14 9 26;

  --prtl-accent-50: 230 243 244;
  --prtl-accent-100: 204 230 233;
  --prtl-accent-200: 153 205 211;
  --prtl-accent-300: 102 181 190;
  --prtl-accent-400: 51 156 168;
  --prtl-accent-500: 0 131 146;
  --prtl-accent-600: 0 105 117;
  --prtl-accent-700: 0 79 88;
  --prtl-accent-800: 0 52 58;
  --prtl-accent-900: 0 26 29;

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

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