* {
  --fpLegendWidth: 260px;
  --fpLevelsWidth: 47px;
  --fpUnitsWidth: calc(100% - var(--fpLevelsWidth) - var(--fpLegendWidth));
  --fpPrevButtonIcon: url('data: image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.28851 13.0001L10 5.28857L17.7115 13.0001L16.5914 14.1203L10 7.52893L3.40867 14.1203L2.28851 13.0001Z" fill="white" /></svg>');
  --fpNextButtonIcon: url('data: image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7115 6.9999L9.99997 14.7114L2.28845 6.9999L3.40862 5.87974L9.99997 12.4711L16.5913 5.87974L17.7115 6.9999Z" fill="white" /></svg>');

  /* Colors */
  --fpContainerBackground: #000000;
  --fpColorText: lightgray;
  --fpColorTextActive: #ffffff;

  --fpColorVerticalLine: var(
    --color-primary-20
  ); /* Vertical line between Legend and Units */
  --fpColorSpecsLines: var(
    --color-secondary-20
  ); /* Horizontal lines between Specs */
  --fpColorUnitActive: var(
    --color-primary
  ); /* Active level number background */
  --fpColorUnitHover: var(
    --color-primary-90
  ); /* Hover level number background */

  /* Status Colors */
  /*
        Make variable names like this:
        --fpColorStatus_%STATUS%
        where %STATUS% is the status of the unit. Must be in lowercase and use hyphens for spaces
        e.g. available, sold, reserved, new-property
    */
  --fpColorStatus_available: #00b847;
  --fpColorStatus_sold: #d63031;
  --fpColorStatus_reserved: #fdcb6e;
  --fpColorStatus_new-property: #0984e3;

  /* Buttons Up-Down (Prev-Next) unit */
  --fpButtonOutline: 0 0 0 1px rgba(255, 255, 255, 0.5);
  --fpButtonHoverTransition: background-color 0.3s ease,
    background-position 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease,
    border 0.3s ease;
  --fpButtonHoverBackground: linear-gradient(
    180deg,
    var(--color-primary-90) 0%,
    var(--color-primary) 100%
  );
  --fpButtonHoverOutline: 0 0 0 3px rgba(255, 255, 255, 0.7);
}
