/* Auto-generated from: Default theme.tokens.json and Default Theme.tokens (1).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: 229 244 233;
  --prtl-primary-100: 192 228 202;
  --prtl-primary-200: 152 211 168;
  --prtl-primary-300: 73 182 108;
  --prtl-primary-400: 28 170 83;
  --prtl-primary-500: 0 137 62;
  --prtl-primary-600: 0 114 52;
  --prtl-primary-700: 0 96 43;
  --prtl-primary-800: 0 67 28;
  --prtl-primary-900: 0 48 17;

  --prtl-accent-50: 255 244 233;
  --prtl-accent-100: 255 233 210;
  --prtl-accent-200: 255 211 166;
  --prtl-accent-300: 255 189 121;
  --prtl-accent-400: 255 167 77;
  --prtl-accent-500: 255 145 32;
  --prtl-accent-600: 230 131 29;
  --prtl-accent-700: 172 99 21;
  --prtl-accent-800: 128 73 16;
  --prtl-accent-900: 76 43 10;

  /* On-color utilities */
  --prtl-text-on-branded-top-bar: 255 255 255;

  /* Branded surfaces */
  --prtl-bg-branded-top-bar: 0 137 62;
  --prtl-bg-branded-top-bar-pressed: 0 114 52;

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