/* Auto-generated from: Gasunie.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: 241 241 241;
  --prtl-primary-100: 227 227 228;
  --prtl-primary-200: 199 200 201;
  --prtl-primary-300: 172 172 173;
  --prtl-primary-400: 144 145 146;
  --prtl-primary-500: 116 117 119;
  --prtl-primary-600: 93 94 95;
  --prtl-primary-700: 70 70 71;
  --prtl-primary-800: 46 47 48;
  --prtl-primary-900: 23 23 24;

  --prtl-accent-50: 255 251 230;
  --prtl-accent-100: 255 247 204;
  --prtl-accent-200: 255 239 153;
  --prtl-accent-300: 255 230 102;
  --prtl-accent-400: 255 222 51;
  --prtl-accent-500: 255 214 0;
  --prtl-accent-600: 204 171 0;
  --prtl-accent-700: 153 128 0;
  --prtl-accent-800: 102 86 0;
  --prtl-accent-900: 51 43 0;

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

  /* Branded surfaces */
  --prtl-bg-branded-top-bar: 243 244 246;
  --prtl-bg-branded-top-bar-pressed: 229 231 235;

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