:root {
--light-mode: none;
--dark-mode: flex;

--clr-background: #f0f0f0;
--clr-container: #fff;
--clr-text: #000;
--clr-links: #85BFD0;
--clr-borders: #d3d3d3;
--clr-accent: #85BFD0;
--clr-accent-2: #B06671;

--ff-body: 'Poppins', sans-serif;
--ff-heading: "DM Serif Display", serif;

--fs-body: 0.9rem;

--fw-body: 400;
--fw-heading: 700;

--container-size: 500px;
--sidebar-size: 230px;
--expanded-sidebar: 20rem;
}

.dark {
--light-mode: flex;
--dark-mode: none;

--clr-background: #0B0F15;
--clr-container: #202020;
--clr-text: #fff;
--clr-links: #B1DAE7;
--clr-borders: #444;
--clr-accent: #B1DAE7;
--clr-accent-2: #E9E6C1;
}