:root {
  --package-primary-bg-color: #00AD68;
  --package-primary-font-color: #00AD68;
  --package-primary-dark-color: #008D55;
  --package-primary-darker-color: #017346;
  --package-primary-5-color: #f2f9f6;
  --package-primary-10-color: #e5f4ee;
  --package-primary-20-color: #cce8dd;
  --package-primary-50-color: #80c6aa;
  --package-main-font-color: #435363;
  --package-main-bg-color: #fff;
  --package-bg-element-color: #fff;
  --package-bg-body-color: #fff;
  --package-bg-transparent3-color: #fafafa;
  --package-white-color: #fff;
  --package-success-color: #16AE26;
  --package-info-color: #3087E9;
  --package-danger-color: #D70015;
  --package-warning-color: #F3970C;
}

$primary-bg-color: var(--package-primary-bg-color); 
$primary-font-color: var(--package-primary-font-color); 
$primary-dark-color: var(--package-primary-dark-color); 
$primary-darker-color: var(--package-primary-darker-color); 
$primary-5-color: var(--package-primary-5-color); 
$primary-10-color: var(--package-primary-10-color); 
$primary-20-color: var(--package-primary-20-color); 
$primary-50-color: var(--package-primary-50-color); 
$main-font-color: var(--package-main-font-color); 
$main-bg-color: var(--package-main-bg-color); 
$bg-element-color: var(--package-bg-element-color); 
$bg-body-color: var(--package-bg-body-color); 
$bg-transparent3-color: var(--package-bg-transparent3-color); 
$white-color: var(--package-white-color); 
$success-color: var(--package-success-color); 
$info-color: var(--package-info-color); 
$danger-color: var(--package-danger-color); 
$warning-color: var(--package-warning-color);