/* Auto-generated from: PNB.tokens.json
 * Important! Should be in the format R G B (without commas)
 * @see https://tailwindcss.com/docs/customizing-colors#using-css-variables
 */
html {

  /* Color palette */
  --prtl-primary-50: 230 242 248;
  --prtl-primary-100: 204 228 240;
  --prtl-primary-200: 153 201 226;
  --prtl-primary-300: 102 174 211;
  --prtl-primary-400: 51 147 197;
  --prtl-primary-500: 0 120 182;
  --prtl-primary-600: 0 96 146;
  --prtl-primary-700: 0 72 109;
  --prtl-primary-800: 0 48 73;
  --prtl-primary-900: 0 24 36;

  --prtl-accent-50: 252 230 231;
  --prtl-accent-100: 249 205 208;
  --prtl-accent-200: 244 155 161;
  --prtl-accent-300: 238 105 113;
  --prtl-accent-400: 233 55 66;
  --prtl-accent-500: 227 5 19;
  --prtl-accent-600: 182 4 15;
  --prtl-accent-700: 136 3 11;
  --prtl-accent-800: 91 2 8;
  --prtl-accent-900: 45 1 4;

  --prtl-button-label-accent: 255 255 255;
  --prtl-text-on-accent-bg-color: var(--prtl-text-on-dark-bg-color);

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