.card[data-bg="danger"]{ --card-bg:url(img/card-danger.webp) }
.card[data-bg="tripping"]{ --card-bg:url(img/card-tripping.webp) }
.card[data-bg="outlets-lights"]{ --card-bg:url(img/card-outlets-lights.webp) }
.card[data-bg="panel"]{ --card-bg:url(img/card-panel.webp) }
.card[data-bg="ev-charger"]{ --card-bg:url(img/card-ev-charger.webp) }
.card[data-bg="generator"]{ --card-bg:url(img/card-generator.webp) }
:root{ --display:'Instrument Serif', 'Times New Roman', serif; --serif:'Inter Tight', 'Helvetica Neue', Arial, sans-serif; --sans:'Inter Tight', 'Helvetica Neue', Arial, sans-serif; --htt:none; --hw:400; --hls:-0.025em; --em-style:italic; }
:root{ --paper:#FFFFFF; --card:#FFFFFF; --ink:#323232; --ink-2:#5C5C5C; --rule:#E3E3DF; --accent:#FFDB00; --on-accent:#323232; --accent-text:#323232; --star:#323232; --stamp:#323232; --dot:rgba(50,50,50,.2); --paper-soft:#D2D2D2; --ok:#2E5E45; --paper-2:#F3F3F1; --accent-hover:#F2CF00; --accent-soft:#FFF6C2; --dk-accent:#FFDB00; --dk-hover:#FFE640; --dk-on:#323232; --dk-text:#FFDB00; color-scheme:light }