:root{--bg-color:#eee;--primary-color:#d8cfef;--btn-hover-color:#e5def7;--trans-primary-color:#d8cfef66;--outline-color:#775db8;--panel-color:#ababab50;--hover-color:#00000024;--main-text:black;--invert-text:white;--invisible-text:#00000026;--neutral-gray:#63636369;--popup-color:#eee;--popup-background:#fffa;--link-color:#563c80;--shadow-color:#0000001a;--tag-one:#c8b9ed;--tag-two:#a6d7e9;--tag-three:#edc7db;--tag-four:#b4b7fa}.dark{--bg-color:#0e0e0e;--primary-color:#4d3f6f;--btn-hover-color:#3d305c;--trans-primary-color:#4d3f6f66;--outline-color:#a897d4;--panel-color:#93939350;--hover-color:#ffffff24;--main-text:white;--invert-text:black;--invisible-text:#ffffff26;--neutral-gray:#9d9d9d69;--popup-color:#222;--popup-background:#000a;--link-color:#c5a5d6;--shadow-color:#ffffff1a;--tag-one:#4d3f6f;--tag-two:#2b5a6b;--tag-three:#d497b8;--tag-four:#423d84}body{background-color:var(--bg-color);color:var(--main-text)}