/* TNO 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: 230 241 248;
  --prtl-primary-100: 204 227 241;
  --prtl-primary-200: 153 199 228;
  --prtl-primary-300: 102 170 214;
  --prtl-primary-400: 51 142 201;
  --prtl-primary-500: 0 114 187;
  --prtl-primary-600: 0 91 150;
  --prtl-primary-700: 0 68 112;
  --prtl-primary-800: 0 46 75;
  --prtl-primary-900: 0 23 37;

  --prtl-accent-50: 251 245 237;
  --prtl-accent-100: 246 236 219;
  --prtl-accent-200: 238 216 183;
  --prtl-accent-300: 229 197 148;
  --prtl-accent-400: 221 177 112;
  --prtl-accent-500: 212 158 76;
  --prtl-accent-600: 170 126 61;
  --prtl-accent-700: 127 95 46;
  --prtl-accent-800: 85 63 30;
  --prtl-accent-900: 42 32 15;

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

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