:root,:root[theme~='dark']{--lumo-base-color: light-dark(#fff,hsl(95,14%,17%));--lumo-tint-5pct: light-dark(hsla(0,0%,100%,0.3),hsla(92,30%,85%,0.06));--lumo-tint-10pct: light-dark(hsla(0,0%,100%,0.37),hsla(92,28%,80%,0.14));--lumo-tint-20pct: light-dark(hsla(0,0%,100%,0.44),hsla(92,30%,82%,0.23));--lumo-tint-30pct: light-dark(hsla(0,0%,100%,0.5),hsla(92,32%,84%,0.32));--lumo-tint-40pct: light-dark(hsla(0,0%,100%,0.57),hsla(92,34%,86%,0.41));--lumo-tint-50pct: light-dark(hsla(0,0%,100%,0.64),hsla(92,36%,88%,0.5));--lumo-tint-60pct: light-dark(hsla(0,0%,100%,0.7),hsla(92,38%,90%,0.58));--lumo-tint-70pct: light-dark(hsla(0,0%,100%,0.77),hsla(92,40%,92%,0.69));--lumo-tint-80pct: light-dark(hsla(0,0%,100%,0.84),hsla(92,42%,94%,0.8));--lumo-tint-90pct: light-dark(hsla(0,0%,100%,0.9),hsla(92,44%,96%,0.9));--lumo-tint: light-dark(#fff,hsl(92,46%,98%));--lumo-shade-5pct: light-dark(hsla(92,28%,25%,0.05),hsla(92,0%,0%,0.07));--lumo-shade-10pct: light-dark(hsla(92,26%,24%,0.1),hsla(92,4%,2%,0.15));--lumo-shade-20pct: light-dark(hsla(92,24%,23%,0.16),hsla(92,8%,4%,0.23));--lumo-shade-30pct: light-dark(hsla(92,23%,22%,0.26),hsla(92,10%,6%,0.32));--lumo-shade-40pct: light-dark(hsla(92,22%,21%,0.38),hsla(92,12%,7%,0.41));--lumo-shade-50pct: light-dark(hsla(92,21%,20%,0.52),hsla(92,13%,8%,0.5));--lumo-shade-60pct: light-dark(hsla(92,20%,19%,0.6),hsla(92,14%,9%,0.6));--lumo-shade-70pct: light-dark(hsla(92,19%,18%,0.69),hsla(92,15%,10%,0.7));--lumo-shade-80pct: light-dark(hsla(92,18%,17%,0.83),hsla(92,16%,10%,0.8));--lumo-shade-90pct: light-dark(hsla(92,18%,16%,0.94),hsla(92,16%,10%,0.9));--lumo-shade: light-dark(hsl(92,16%,14%),hsl(92,16%,10%));--lumo-primary-color: hsl(92,60%,32%);--lumo-primary-color-50pct: light-dark(hsla(92,60%,36%,0.76),hsla(92,55%,60%,0.69));--lumo-primary-color-10pct: light-dark(hsla(92,60%,42%,0.13),hsla(92,55%,50%,0.16));--lumo-primary-text-color: light-dark(hsl(92,65%,27%),hsl(92,55%,68%));--lumo-primary-contrast-color: #fff}vaadin-badge{--lumo-primary-color: light-dark(hsl(214,100%,48%),hsl(214,90%,48%));--lumo-primary-color-10pct: light-dark(hsla(214,100%,60%,0.13),hsla(214,90%,55%,0.13));--lumo-primary-text-color: light-dark(hsl(214,100%,43%),hsl(214,90%,77%));--lumo-primary-contrast-color: #fff}