/* Vlakglas 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: 241 236 244;
  --prtl-primary-100: 227 218 234;
  --prtl-primary-200: 199 180 212;
  --prtl-primary-300: 171 143 191;
  --prtl-primary-400: 143 105 169;
  --prtl-primary-500: 115 68 148;
  --prtl-primary-600: 92 54 118;
  --prtl-primary-700: 69 41 89;
  --prtl-primary-800: 46 27 59;
  --prtl-primary-900: 23 14 30;

  --prtl-accent-50: 255 250 230;
  --prtl-accent-100: 255 245 204;
  --prtl-accent-200: 255 236 153;
  --prtl-accent-300: 254 226 102;
  --prtl-accent-400: 254 217 51;
  --prtl-accent-500: 254 207 0;
  --prtl-accent-600: 203 166 0;
  --prtl-accent-700: 152 124 0;
  --prtl-accent-800: 102 83 0;
  --prtl-accent-900: 51 41 0;

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

  --prtl-top-bar-base: 243 244 246;
  --prtl-top-bar-active: 229 231 235;
  --prtl-top-bar-text: 0 0 0;

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