public/css/variables.css 
:root {
    --bg-color: #ffffff;
    --text-color: #333333;
    --primary-color: #007bff;
    --accent-color: #6610f2;
    --secondary-color: #6f42c1;
    --card-bg: #f8f9fa;
    --sidebar-bg: #e9ecef;
    --footer-bg: #343a40;
    --footer-text: #ffffff;
    --border-color: #ced4da;
}

[data-theme="dark"] {
    --bg-color: #121212;
    --text-color: #ffffff;
    --primary-color: #0d6efd;
    --accent-color: #6610f2;
    --secondary-color: #6f42c1;
    --card-bg: #1e1e1e;
    --sidebar-bg: #252525;
    --footer-bg: #1a1a1a;
    --footer-text: #dddddd;
    --border-color: #444444;
}/* CSS Variables 









/* public/css/variables.css */
/* CSS variables for colors, fonts */
/*:root {*/
/*    --bg-color: #ffffff;*/
/*    --text-color: #333333;*/
/*    --primary-color: #007bff;*/
/*    --secondary-color: #6f42c1;*/
/*    --card-bg: #f8f9fa;*/
/*    --sidebar-bg: #e9ecef;*/
/*    --footer-bg: #343a40;*/
/*    --footer-text: #ffffff;*/
/*    --border-color: #ced4da;*/
/*    --font-size-base: 16px;*/
/*}*/