:root { 
  /* Colors */
  --base-color: black;
  --primary-bg-color: #d0eb00;
  --secondary-bg-color: #ad3dff;
  --disabled-bg-color: #efefef;
  --disabled-color: #999;
  /* Alerts */
  --info-bg-color: #f8f8f8;
  --info-color: var(--secondary-bg-color);
  --success-bg-color: #edfbf6;
  --success-color: #29b095;
  --warning-bg-color: #fff6ee;
  --warning-color: #faa05a;
  --danger-bg-color: #fef4f6;
  --danger-color: #d52a3e;
  /* Header */
  --header-bg-color: black;
  --header-drop-bg-color: var(--header-bg-color);
  --header-nav-color: white;
  --header-toggle-color: white;
  --header-padding-logo: 20px;
  --header-nav-divider: var(--primary-bg-color);
  /* Footer */
  --footer-bg-color: black;
  --footer-color: white;
  --footer-padding: 15px;
  /* Buttons */
  --buttons-padding: 15px 40px;
  --button-primary-bg-color: var(--primary-bg-color);
  --button-primary-color: black;
  --button-primary-bg-disabled-color: var(--disabled-bg-color);
  --button-secondary-bg-color: var(--secondary-bg-color);
  --button-secondary-color: black;
  --button-secondary-bg-disabled-color: var(--disabled-bg-color);
  --button-disabled-color: var(--disabled-color);
  --button-text-color: black;
  /* Forms */
  --forms-border-radius: 4px;
  --forms-input-border-color: #ccc;
  --forms-input-bg-color: #f8f8f8;
  --forms-input-color: black;
  --forms-input-focus-color: black;
  --forms-input-disabled-bg-color: var(--disabled-bg-color);
  --forms-input-disabled-color: var(--disabled-color);
  --forms-placeholder-color: #666;
  --forms-option-color: black;
  --forms-checkbox-bg-color: #f8f8f8;
  --forms-checkbox-disabled--bgcolor: var(--disabled-bg-color);
}
.header .uk-logo {
  background: url(../images/upb_logo.png) no-repeat left center;
  width: 80px;
  height: 43px;
  background-size: contain;
}