/* BPFL 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 243;
  --prtl-primary-100: 213 215 231;
  --prtl-primary-200: 171 175 207;
  --prtl-primary-300: 130 134 183;
  --prtl-primary-400: 88 94 159;
  --prtl-primary-500: 46 54 135;
  --prtl-primary-600: 41 49 122;
  --prtl-primary-700: 37 43 108;
  --prtl-primary-800: 32 38 95;
  --prtl-primary-900: 28 32 81;

  --prtl-accent-50: 253 248 238;
  --prtl-accent-100: 251 241 221;
  --prtl-accent-200: 246 227 187;
  --prtl-accent-300: 242 213 154;
  --prtl-accent-400: 237 199 120;
  --prtl-accent-500: 233 185 86;
  --prtl-accent-600: 186 148 69;
  --prtl-accent-700: 140 111 52;
  --prtl-accent-800: 93 74 34;
  --prtl-accent-900: 70 55 26;

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

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