:root{--page-bg: #f1f1f1;--card-bg: #ffffff;--text-color: #000000;--active-bg: #ffffff;--inactive-bg: #d8d8d8;--inactive-text: #7e7e7e;--btn-hover-bg: #e5e5e5;--textfield-bg: #f1f1f1;--divider-bg: rgba(0, 0, 0, .12)}.dark{--page-bg: #121212;--card-bg: #000000;--text-color: #ffffff;--active-bg: #000000;--inactive-bg: #444444;--inactive-text: #b0b0b0;--btn-hover-bg: #333333;--textfield-bg: #2a2a2a;--divider-bg: rgba(255, 255, 255, .12)}body{font-family:Inter,sans-serif;background-color:var(--page-bg);color:var(--text-color)}