/* DNB 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: 233 242 248;
  --prtl-primary-100: 204 229 242;
  --prtl-primary-200: 153 203 228;
  --prtl-primary-300: 102 177 215;
  --prtl-primary-400: 51 121 201;
  --prtl-primary-500: 0 125 188;
  --prtl-primary-600: 0 100 150;
  --prtl-primary-700: 0 75 113;
  --prtl-primary-800: 0 50 75;
  --prtl-primary-900: 0 25 38;

  --prtl-accent-50: 230 246 237;
  --prtl-accent-100: 205 237 219;
  --prtl-accent-200: 155 219 183;
  --prtl-accent-300: 79 193 128;
  --prtl-accent-400: 4 166 74;
  --prtl-accent-500: 3 137 59;
  --prtl-accent-600: 2 100 44;
  --prtl-accent-700: 2 66 30;
  --prtl-accent-800: 1 50 22;
  --prtl-accent-900: 1 33 15;

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

  --prtl-top-bar-base: 243 244 246;
  --prtl-top-bar-active: 229 231 235;
  --prtl-top-bar-text: 0 0 0;

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