:root {
  --bg: rgb(249, 244, 255);
  --bg-content: #ffffff;
  --warna: #34799c;
  --warna_text: #272727;
  --warna_text_white: #fbfaff;
  --border-color: #c9c9c9;
  --invalid-border: rgb(222, 0, 56);
  --font-color-active: #3d91bf;
  --border-color-active: #3d91bf;
  --holder-color: #bbbbbb;
  --border-nav: #178fcf;
  --nav-hover: hsla(201, 78.8%, 87.1%, 0.17);
  --nav-shadow: rgba(99, 130, 255, 0.3);

  --color-primary: rgb(64, 63, 173);
  --color-primary-hover: #5c95cf;
  --color-primary-disabled: #adb0b3;
  --color-secondary: #181818;
  --color-secondary-hover: #353535;
  --color-secondary-disabled: #adb0b3;
  --color-info: #403fad;
  --color-info-hover: #9841d7;
  --color-info-disabled: #adb0b3;
  --color-success: #2a9076;
  --color-success-hover: #38b697;
  --color-success-disabled: #adb0b3;
  --color-danger: #dc3545;
  --color-danger-hover: #e91469;
  --color-danger-disabled: #adb0b3;
  --color-warning: #ffc107;
  --color-warning-hover: #f5db47;
  --color-warning-disabled: #adb0b3;
  --color-content-home: #eaecf6;
}