html {
    --font-primary: "Open Sans";
    --font-secondary: "Poppins";
}
html[data-id="solarcharge"][data-theme="light"] {
  --weight-lizzo: 600;
  --weight-thicc: 500;
  --weight-regular: 400;
  --weight-thin: 300;
  --accent-color: #262262;
  --accent-color-secondary: #00A851;
  --accent-color-secondary-trans: #00a851b9;
  --accent-color-gradient: #302b72;
  --error-color: #e33f4e;
  --warning-color: #ff9428;
  --warning-color-transparent: rgb(205, 169, 9, 0.5);
  --color: #272721;
  --disabled-color: #4a4e57;
  --super-disabled-color: #9e9e9e;
  --inverted-text: #ffffff;
  --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="solarcharge"][data-theme="dark"] {
--weight-lizzo: 600;
--weight-thicc: 500;
--weight-regular: 400;
--weight-thin: 300;
--accent-color: #FFCB08;
--accent-color-secondary: #03b659;
--accent-color-secondary-trans: #03b65ab7;
--accent-color-gradient: #edbc0d;
--error-color: #d53f5b;
--warning-color: #ff9428;
--color: white;
--disabled-color: #bebebe;
--super-disabled-color: #9d9d9d;
--inverted-text: #252422;
--background-color: #252422;
--bg-level-01: #33322e;
--bg-level-02: #403e3a;
--bg-level-03: #4E4C46;
--bg-level-04: #5C5A51;
--bg-level-01-transparent: #33322ebf;
--bg-level-02-transparent: #403e3abf;
--bg-level-03-transparent: #4E4C46bf;
--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.solarcharge {
    min-width: 90px;
    min-height: 32px;
    max-width: 120px;
}


#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%);
}