/* * {
    outline: 0.5px solid red;
} */


/* Global Reset */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* CSS Variables */
:root {
    --bg-color: #000000;
    --text-color: #ffffff;
    --accent-color: #444444;
    --page-color: #1e1e1e;
    --hover-color: #44444480;
}

[data-theme="light"] {
    --bg-color: #ffffff;
    --text-color: #000000;
    --accent-color: #444444;
    --page-color: #f2f2f2; 
    --hover-color: #44444480;   
    
}
/* #8400ff */
/* #c300ff */
/* #c300ff */
/* #b700ff */