:root {
  /*fonts*/
  --headline-family: Quicksand, sans-serif;
  --body-family: Lato, sans-serif;
  --label-family: Lato, sans-serif;

  /*colors*/
  --primary: #30fdb2;
  --background: #e3eefa;
  --surface: #f0f8ff;
  --error: #cc6464;
  --porcelain: #151f42;
  --cadet-blue: #444d70;
  --manatee: #8490ab;
  --mirage: #e8f7ff;
  --river-bed: #c5cee8;
  --downy: #40da97;
  --comet: #b2c6d6;
  --oxford-blue: #e8f1fc;
  --oslo-gray: #27365d;
  --aquamarine: #5b6a8f;
  --anakiwa: #3ea87b;
  --pink-salmon: #e5a9a9;
  --dover: #fcf4a9;
  --magic-mint: #a9e5cd;
  --surface-print: #f3f8fc;
  --plan-band-lifelong: #a9e5cd;
  --plan-band-flexible: #75c5e0;
  --plan-band-income: #fcf4a9;
  --plan-band-financial-assets: #e5a9a9;
  --plan-tax-middle: #e5a885;
  --plan-tax-top: #e5a885;
  --plan-tax-toptop: #d67d65;
  --plan-band-property: #6bcfa4;
  --plan-band-benefit: #52a7d1;
  --plan-target: #e3b6a3;
  --percentage-text-color: var(--porcelain);
  --loading-spinner-color: #395a5f;

  /*border-radius*/
  --small-border-radius: 2px;
  --image-radius: 4px;
  --card-radius: 4px;
  --input-field-radius: 4px;

  /*Misc*/
  --percentage-height: 28px;

  /* Counter */
  --counter-line-height: 21px;
  --counter-active-color: var(--porcelain);
  --counter-label-active-color: var(--porcelain);
  --counter-background-color: none;

  /*Button*/
  --button-radius: 10px;
  --icon-button-radius: 4px;
  --button-font-color: var(--porcelain);
  --button-regular-padding: 10px 16px;

  /*logo*/
  --logo-max-width: 92px;
  /*z-index*/
  --below-bottom: -10;
  --bottom: 0;
  --on-top: 1000;
  --climbing-up: 1500;
  --always-on-top: 2000;
  /*animation*/
  --bouncy: 0.3s cubic-bezier(0.22, 0.24, 0.29, 2.44);
  --color-transition: 0.3s ease-out;
  --font-family: var(--headline-family), sans-serif;
  /*shadows*/
  --card-shadow: -1px 1px 6px rgba(77, 135, 234, 0.12);
  --button-shadow: -1px 1px 12px 0 rgba(78, 132, 228, 0.16);
  --button-shadow-hover: -1px 1px 12px 0 rgba(78, 132, 228, 0.2);
  --tooltip-shadow: 0px 0px 4px rgba(135, 175, 245, 0.3);
  --overlay-shadow: -1px 1px 8px 0 rgba(77, 135, 234, 0.18);

  /*Print*/
  --pdf-cover-logo-width: 58mm;
  --pdf-header-logo-width: 17mm;
}