/* html {
--font-primary: "Open Sans";
--font-secondary: "Poppins";
} */
html[data-id="tapcharge"][data-theme="light"] {
--weight-lizzo: 600;
--weight-thicc: 500;
--weight-regular: 400;
--weight-thin: 300;
/* --accent-color: #28d25e;
--accent-color-secondary: #23bdc8;
--accent-color-secondary-trans: #23bdc8b9;
--accent-color-gradient: #2adf64; */
--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="tapcharge"][data-theme="dark"] {
--weight-lizzo: 600;
--weight-thicc: 500;
--weight-regular: 400;
--weight-thin: 300;
/* --accent-color: #28d25e;
--accent-color-secondary: #23bdc8;
--accent-color-secondary-trans: #23bdc8b9;
--accent-color-gradient: #2adf64; */
--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);
}

/* #cancel-reservation-button {
background-image: linear-gradient(
    60deg,
    #28d25e 0%,
    #2adf64 45%,
    #2adf64 52%,
    #28d25e 100%
) !important;
box-shadow: 0px 0px 14px -7px #28d25e !important;
}
#scanned-time {
color: #28d25e !important;
}
.current-status.S > div:first-of-type {
background-color: #28d25e !important;
border: 1px solid #28d25e !important;
}
#charge-status__status.S {
border: 1px solid #28d25e !important;
color: #28d25e !important;
} */