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


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

/* CSS Variables */
:root {
    --bg-color: #000000;
    --text-color: #e9e9e9;
    --accent-color: #fb6f92;
    --pagebtn-color: #1e1e1e;
    --hover-color: #69b6ff80;
    --suffix-color: #69b6ff;
}

[data-theme="light"] {
    --bg-color: #ffffff;
    --text-color: #141414;
    --accent-color: #69b6ff;
    --pagebtn-color: #f2f2f2; 
    --hover-color: #fb6f9280;
    --suffix-color: #fb6f92;   
    
}