src/global.css

body {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    background-color: #e6f7ff; /* Light blue background */
    /* display: flex; */
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif; /* Optional: Set a global font */
    box-sizing: border-box;
}
.root {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    background-color: #e6f7ff; /* Light blue background */
    /* display: flex; */
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif; /* Optional: Set a global font */
    box-sizing: border-box;
}

body.light {
    --bg-color: #f9f9f9;
    --text-color: #000000;
    --card-bg: #ffffff;
    --border-color: #e0e0e0;
    --select-bg-color: #b3d8fd;
    --primary-color: #3498db; 
    --primary-hover: #2980b9;
    --primary-card: #a3d1f0;
  }
  
body.dark {
    --bg-color: #2b2b2b;
    --text-color: #f1f1f1;
    --card-bg: #1e1e1e;
    --border-color: #444444;
    --select-bg-color:#3a466b;
    --primary-color: #3498db; 
    --primary-hover: #2980b9;
    --primary-card:#280202;
  }