/* BPF Foodservice 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: 234 235 242;
  --prtl-primary-100: 214 214 230;
  --prtl-primary-200: 173 173 204;
  --prtl-primary-300: 131 132 179;
  --prtl-primary-400: 90 91 153;
  --prtl-primary-500: 49 50 128;
  --prtl-primary-600: 44 45 115;
  --prtl-primary-700: 39 40 102;
  --prtl-primary-800: 34 35 90;
  --prtl-primary-900: 29 30 77;

  --prtl-accent-50: 249 231 232;
  --prtl-accent-100: 243 207 209;
  --prtl-accent-200: 231 159 163;
  --prtl-accent-300: 218 110 118;
  --prtl-accent-400: 206 62 72;
  --prtl-accent-500: 194 14 26;
  --prtl-accent-600: 155 11 21;
  --prtl-accent-700: 116 8 16;
  --prtl-accent-800: 78 6 10;
  --prtl-accent-900: 39 3 5;

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

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