Remove css bloat

app/components/Calendar.tsx

@@ -2,8 +2,6 @@ import { JSX, useEffect, useState } from "react";
 import styles from "./Calendar.module.css";
 import { getMonthName, daysInMonth } from "../utils/dateUtils";
 
-
-
 const generateFirstWeekPadding = (month: number) => {
     const firstDay = new Date(new Date().getFullYear(), month, 1).getDay();
     const padding = Array.from({ length: firstDay === 0 ? 6 : firstDay - 1 }, (_, index) => (

app/globals.css

@@ -1,9 +1,4 @@
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
 body {
-  color: var(--foreground);
-  background: var(--background);
+  background: #ffffff;
+  color: #171717;
 }