/* Pensioenfonds Rockwool 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: 249 233 232;
  --prtl-primary-100: 243 211 209;
  --prtl-primary-200: 231 168 163;
  --prtl-primary-300: 220 124 116;
  --prtl-primary-400: 208 81 70;
  --prtl-primary-500: 196 37 24;
  --prtl-primary-600: 157 30 19;
  --prtl-primary-700: 118 22 14;
  --prtl-primary-800: 78 15 10;
  --prtl-primary-900: 39 7 5;

  --prtl-accent-50: 244 231 233;
  --prtl-accent-100: 232 207 210;
  --prtl-accent-200: 209 159 165;
  --prtl-accent-300: 186 111 120;
  --prtl-accent-400: 163 63 75;
  --prtl-accent-500: 140 15 30;
  --prtl-accent-600: 112 12 24;
  --prtl-accent-700: 84 9 18;
  --prtl-accent-800: 56 6 12;
  --prtl-accent-900: 28 3 6;

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

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