/* MITT 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: 230 234 243;
  --prtl-primary-100: 192 202 226;
  --prtl-primary-200: 111 134 186;
  --prtl-primary-300: 49 84 148;
  --prtl-primary-400: 24 66 139;
  --prtl-primary-500: 0 32 83;
  --prtl-primary-600: 0 32 83;
  --prtl-primary-700: 0 24 62;
  --prtl-primary-800: 0 20 52;
  --prtl-primary-900: 0 16 42;

  --prtl-accent-50: 253 240 230;
  --prtl-accent-100: 251 224 204;
  --prtl-accent-200: 247 194 154;
  --prtl-accent-300: 244 163 103;
  --prtl-accent-400: 240 133 53;
  --prtl-accent-500: 236 102 2;
  --prtl-accent-600: 196 85 0;
  --prtl-accent-700: 142 61 1;
  --prtl-accent-800: 118 51 1;
  --prtl-accent-900: 94 41 1;

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

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