* {
    margin: 0;
    padding: 0;
    /* transition: all 100ms ease; */
}

body {
    --bg: #2f2f2f;
    --txtclr: white;
    --barclr: white;
    --subbg: #4d4d4d;
    --boxshadow: #242424;
    --hover-subbg: #373737;
    --subbrd: #696969;

    background-color: var(--bg);
    color: var(--txtclr);
} 

body[theme="light"] {
    --bg: #d8d8d8;
    --txtclr: black;
    --barclr: rgb(27, 27, 27);
    --subbg: #9b9b9b;
    --boxshadow: #4d4d4d;
    --hover-subbg: #848484;
}