/* SPNG 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: 232 231 239;
  --prtl-primary-100: 210 207 223;
  --prtl-primary-200: 165 160 191;
  --prtl-primary-300: 119 112 160;
  --prtl-primary-400: 74 65 128;
  --prtl-primary-500: 29 17 96;
  --prtl-primary-600: 23 14 77;
  --prtl-primary-700: 17 10 58;
  --prtl-primary-800: 12 7 38;
  --prtl-primary-900: 6 3 19;

  --prtl-accent-50: 230 240 248;
  --prtl-accent-100: 204 225 240;
  --prtl-accent-200: 154 196 225;
  --prtl-accent-300: 103 166 211;
  --prtl-accent-400: 53 137 196;
  --prtl-accent-500: 2 107 181;
  --prtl-accent-600: 2 86 145;
  --prtl-accent-700: 1 64 109;
  --prtl-accent-800: 1 43 72;
  --prtl-accent-900: 0 21 36;

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

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