:root {
  --up-f1: #575756;
  --up-f1: #089393; /* background color */
  --up-f1: #7ebfcc;
  --up-f1: #bbdcd6;
  --up-f1: #ffe398;
  --up-f1: #f5a46c;
  --up-f1: #e8680b;
  --up-f1: #80a472;

  --white: #fff;
  --black: #000;

  --corporateColor: #089393;
  --corporateColorLighten10: #7ebfcc;
  --corporateColor2: #089393;
  --corporateColor3: #7ebfcc;
  --corporateColor4: #bbdcd6;
  --corporateColor5: #7ebfcc;

  --lightCorporateColor: #ecf5fc;
  --lightCorporateColor2: #f5fafd;

  --backgroundCorporateColor: #f8f9fa;
  --accodionBackground: #f8f9fa;
  --backgroundBody: #089393;

  --red: #e8680b;
  --redLighten10: #f5a46c;
  --orange: #cc911e;
  --yellow: #fcbc59;
  --yellow2: #fffaed;
  --green: #199c82;
  --greenLighten10: #33b69c;
  --blue: #066cb1;
  --gray: #575756;
  --grayLighten10: #656467;
  --gray2: #7b7c7e;
  --gray3: #c3c5c6;
  --gray4: #e6e6e6;
  --gray5: #b3b3b3;
  --gray6: #dee2e6;
  --gray7: #495057;

  --text: #4b4a4d;
  --background: #ebf6fc;
  --kalitem: #ecf5fb;
  --bordercolor: #cccccc;
  --bordercolorLight: #f5f5f5;
}