remove unnecessary CSS and !importants

src/app/(posts)/components/file-dropdown/dropdown.module.css

@@ -47,10 +47,6 @@
 	
 }
 
-.button {
-	border-radius: none !important;
-}
-
 .content li .fileIcon {
 	display: inline-block;
 	margin-right: var(--gap-half);

src/app/(posts)/components/preview/preview.module.css

@@ -105,12 +105,6 @@
 	content: "";
 }
 
-.markdownPreview code {
-	border-radius: 3px;
-	white-space: pre-wrap;
-	word-wrap: break-word;
-	color: inherit !important;
-}
 
 .markdownPreview code::before,
 .markdownPreview code::after {

src/app/(posts)/new/components/drag-and-drop/drag-and-drop.module.css

@@ -15,18 +15,13 @@
 	align-items: center;
 	padding: 20px;
 	border-radius: 2px;
-  border: 2px dashed var(--border) !important;
+	border: 2px dashed var(--border);
 	outline: none;
-  transition: all 0.14s ease-in-out;
 	cursor: pointer;
 }
 
-.dropzone:hover {
-  border-color: var(--gray) !important; 
-}
-
 .dropzone:focus {
-  box-shadow: 0 0 4px 1px rgba(124, 124, 124, 0.5);
+	border-color: var(--gray);
 }
 
 .error {

src/app/(posts)/new/components/edit-document-list/edit-document/document.module.css

@@ -19,11 +19,6 @@
 	display: flex;
 }
 
-.fileNameContainer > div {
-	/* Override geist-ui styling */
-	margin: 0 !important;
-}
-
 .textarea {
 	height: 100%;
 }

src/app/components/header/header.module.css

@@ -53,9 +53,8 @@
 	align-items: center;
 }
 
-.active,
+.tabs .active {
-.active {
+	color: var(--fg);
-	color: var(--fg) !important;
 }
 
 .buttonGroup,

src/app/components/post-list/list-item.module.css

@@ -46,15 +46,11 @@
 	}
 }
 
-.files {
-	padding: var(--gap) 0 !important;
-	margin: 0;
-}
-
 .files li {
 	display: flex;
 	align-items: center;
 	gap: var(--gap);
+	padding: var(--gap-quarter);
 }
 
 .files li a {

src/app/styles/globals.css

@@ -80,8 +80,8 @@
 
 ::selection {
 	text-shadow: none;
-	background: var(--fg) !important;
+	background: var(--fg);
-	color: var(--bg) !important;
+	color: var(--bg);
 }
 
 html,
@@ -129,7 +129,7 @@ a.reset {
 
 pre,
 code {
-	font-family: var(--font-mono) !important;
+	font-family: var(--font-mono);
 }
 
 hr {
@@ -157,10 +157,6 @@ hr {
 		--name: #333;
 		--highlight: #eaeaea;
 	}
-
-	* {
-		text-shadow: none !important;
-	}
 }
 
 #root,