html {
    --font-primary: "Open Sans";
    --font-secondary: "Poppins";
  }
  html[data-id="rexel"][data-theme="light"] {
  --weight-lizzo: 600;
  --weight-thicc: 500;
  --weight-regular: 400;
  --weight-thin: 300;
  --accent-color: #2a96cf;
  --accent-color-secondary: #00A851;
  --accent-color-secondary-trans: #00a851b9;
  --accent-color-gradient: #238ac1;
  --error-color: #e33f4e;
  --warning-color: #cda909;
  --warning-color-transparent: rgb(205, 169, 9, 0.5);
  --color: #212427;
  --disabled-color: #4a4e57;
  --super-disabled-color: #9e9e9e;
  --inverted-text: white;
  --background-color: #f2f2f2;
  --bg-level-01: #E8E8E8;
  --bg-level-02: #DEDEDE;
  --bg-level-03: #D4D4D4;
  --bg-level-04: #C9C9C9;
  --bg-level-01-transparent: rgba(233, 233, 232, 0.5);
  --bg-level-02-transparent: rgba(225, 224, 224, 0.5);
  --bg-level-03-transparent: rgba(207, 206, 206, 0.5);
  /* --station-card-gradient-stop: rgba(187, 217, 250, 0.75);
  --station-card-gradient-start: rgba(196, 201, 252, 0.75); */
  /* --station-card-gradient-start: rgba(225, 240, 242, 0.88);
  --station-card-gradient-stop: rgba(185, 211, 219, 0.86); */
  --station-card-gradient-stop: #a3bacadb;
  --station-card-gradient-start: #c7e0e5db;
  --shadow-color: rgba(22, 24, 27, 0.6);
  }
  
  html[data-id="rexel"][data-theme="dark"] {
  --weight-lizzo: 600;
  --weight-thicc: 500;
  --weight-regular: 400;
  --weight-thin: 300;
  --accent-color: #37b3f5;
  --accent-color-secondary: #03b659;
  --accent-color-secondary-trans: #03b65ab7;
  --accent-color-gradient: #30a4e2;
  --error-color: #d53f5b;
  --warning-color: #f4d653;
  --color: white;
  --disabled-color: #bebebe;
  --super-disabled-color: #9d9d9d;
  --inverted-text: #f2f2f2;
  --background-color: #41444D;
  --bg-level-01: #515761;
  --bg-level-02: #5B606B;
  --bg-level-03: #646975;
  --bg-level-04: #6F7380;
  --bg-level-01-transparent: #515761bf;
  --bg-level-02-transparent: #5B606Bbf;
  --bg-level-03-transparent: #646975bf;
  --station-card-gradient-stop: #537185db;
  --station-card-gradient-start: #60849bdb;
  --shadow-color: rgba(3, 5, 6, 0.7);
  }
  body {
      font-weight: var(--weight-regular);
  }
  #super-logo.rexel {
      min-width: 75px;
      min-height: 32px;
      max-width: 80px;
  }
  
  
  #cancel-reservation-button {
    background-image: linear-gradient(
      60deg,
      #2a96cf 0%,
      #228ac2 45%,
      #228ac2 52%,
      #2a96cf 100%
    ) !important;
    box-shadow: 0px 0px 14px -7px #2a96cf !important;
  }
  #scanned-time {
    color: #2a96cf !important;
  }
  .current-status.S > div:first-of-type {
    background-color: #2a96cf !important;
    border: 1px solid #2a96cf !important;
  }
  #charge-status__status.S {
    border: 1px solid #2a96cf !important;
    color: #2a96cf !important;
  }
  .station-pop-up .prices > div > div {
    background-color: var(--bg-level-01)!important;
  }
  .default-card-container.default {
    border: 2px solid var(--accent-color-secondary) !important;
  }
  .default-card-container.default > .default-text,
  .station .station-info>div .value.a,
  #dashboard-charging-info .text>.street,
  #meter-charged, #meter-speed,
  #current-status.C > span,
  .charge-time-clone {
    color: var(--accent-color-secondary) !important;
  }
  #time-text-box-2>.divider,
  .current-status.C>div:first-of-type {
    background-color: var(--accent-color-secondary) !important;
  }
  .extra-buttons > .default {
    color: var(--accent-color-secondary) !important;
    border: 1px solid var(--accent-color-secondary) !important;
  }
  #dashboard-charging-info > div.time.main {
    box-shadow: 0 0 14px -7px var(--accent-color-secondary);
    background-image: linear-gradient(60deg,var(--accent-color-secondary) 0,var(--accent-color-secondary) 45%,var(--accent-color-secondary) 52%, var(--accent-color-secondary) 100%);
  }