:root {
            /* --bg-color: #0d0d0d; */
            --border-color: #6C6C6C;
            --sparkle-blue: #4e8cff;
            --sparkle-cyan: #b4d1ff;
            --g-blue: #4285f4;
            --g-green: #34a853;
            --g-yellow: #fbbc04;
            --g-red: #ea4335;
            --dark-bg: #121212;
            --dark-text: #E0E0E0;

            --light-bg: #F0EEE6;
            --light-text: #262624;
            
            --light-card-bg: #F9F9F7;
            --light-border: #C9C9C8;
            
        }

body {
  background-color: var(--light-bg);
  color: var(--light-text);
  transition: background-color 300ms ease, color 300ms ease;
}

.dark body {
  background-color: var(--dark-bg);
  color: var(--dark-text);
}