:root {
    --bg-body: #ffffff;
    --bg-surface: #f8f9fa;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --border-color: #dee2e6;
    --card-bg: #ffffff;
    --navbar-bg: #ffffff;
    --footer-bg: #f8f9fa;
    --link-color: #0d6efd;
    --nav-link-color: #212529;
    --nav-link-hover-bg: #e7f1ff;
    --footer-link-color: #6c757d;
    --footer-link-hover: #0d6efd;
}

body.dark {
    --bg-body: #121212;
    --bg-surface: #1e1e1e;
    --text-primary: #e8e8e8;
    --text-secondary: #a0a0a0;
    --border-color: #2c2c2c;
    --card-bg: #1e1e1e;
    --navbar-bg: #1a1a1a;
    --footer-bg: #0f0f0f;
    --link-color: #3b82f6;
    --nav-link-color: #e8e8e8;
    --nav-link-hover-bg: #2a2a2a;
    --footer-link-color: #a0a0a0;
    --footer-link-hover: #3b82f6;
}