/**
* DEFINE A CUSTOM THEME (BRANDING) HERE
**/

:root {
  --primary-color-darker: #3d7737;
  --primary-color-dark: #4c9944;
  --primary-color: #66cc33;
  --primary-color-light: #76dd3a;
  --primary-color-lighter: #85ef41;

  --black: #000000;
  --gray-10: #1a1a1a;
  --gray-20: #333333;
  --gray-30: #4d4d4d;
  --gray-40: #666666;
  --gray-50: #808080;
  --gray-60: #999999;
  --gray-70: #b3b3b3;
  --gray-80: #f1f1f1;
  --gray-90: #fafafa;
  --white: #ffffff;
  --green: #5fb446;


  --reseller-color: #66cc33;
  --reseller-color-dark: #3d7737;

  --decoration-image-position: center right;

  --logo-height: 38px;
  --decoration_animation: none;
  --decoration_image: block;

  /*transporter colors*/
  --warning-color-dark: var(--yellow-40);
  --warning-color: var(--yellow-80);
  --danger-color-dark: var(--red-30);
  --danger-color: var(--red-40);
  --danger-color-light: var(--red-50);
  --success-color: var(--green-40);

  /** fonts */
  --font-primary:
    -apple-system,
    blinkmacsystemfont,
    segoe ui,
    roboto,
    oxygen-sans,
    ubuntu,
    cantarell,
    helvetica neue,
    source sans pro
    sans-serif;
  --font-secondary: var(--font-primary);
  --font-secondary-weight: bold;
  --font-secondary-text-transform: none;
}