/* set Enviroment */
:root {
  --clr-accent: #E99A00;
  --clr-accent-warning: #e92300;
  --clr-accent-opacity: #31667e50;
 
  --clr-primary-dark: #002747;
  --clr-primary-white: #fff;
  --clr-primary-light: #f5f7fb;

  --clr-secondary-dark: #05355D;

  --b-primary-blue: 1px solid #0065B9;
  --b-secondary-blue: 1px solid #094270;
  --b-third-blue: 1px solid #829AAE;
  --b-primary-accent: 1px solid #FFCE70;
  --b-primary-grey: 1px solid #ffffff38;

  --br-primary: 10px;

  --fc-primary: #DDE4E9;
  --fc-dark: #000;
  --fc-primary-white: #fff;

  --ff-primary: 'Roboto', sans-serif;

  --ff-body: var(--ff-primary);
  --ff-heading: var(--ff-primary);

  --fw-regular: 400;
  --fw-bold: 700;

  --fs-300: 0.8125rem;
  --fs-400: 0.875rem;
  --fs-500: 0.9375rem;
  --fs-600: 1.1rem;
  --fs-700: 1.675rem;
  --fs-800: 2.0rem;
  --fs-900: 2.8rem;


}