:root {
    /* Light theme variables */
    --bg-gradient: linear-gradient(135deg, #f9fafb, #e0e7ff);
    --text-color: #1e293b;
    --header-bg: #111827;
    --header-text: #ffffff;
    --nav-link: #e6e5e6;
    --nav-link-hover: #e6e5e6;
    --nav-selected: #5878f3;
    --card-bg: #ffffff;
    --card-text: #1e293b;
    --card-heading: #334155;
    --card-desc: #475569;
    --footer-bg: #111827;
    --footer-text: #94a3b8;
    --link-color: #2563eb;
    --link-hover: #1e40af;
    --label-bg: #2563eb;
    --social-bg: #1f2937;
    --social-hover-bg: #374151;
    --skills-bg: #dde1e7;
    --skills-hover-bg: #cbd2d9;
    --popup-border: #e2e8f0;
    --modal-bg: #ffffff;
}

.dark {
    /* Dark theme variables */
    --bg-gradient: linear-gradient(135deg, #0f172a, #1e293b);
    --text-color: #f1f5f9;
    --header-bg: #0a0f1e;
    --header-text: #ffffff;
    --nav-link: #cbd5e1;
    --nav-link-hover: #ffffff;
    --nav-selected: #60a5fa;
    --card-bg: #1e293b;
    --card-text: #f8fafc;
    --card-heading: #e2e8f0;
    --card-desc: #cbd5e1;
    --footer-bg: #0a0f1e;
    --footer-text: #94a3b8;
    --link-color: #60a5fa;
    --link-hover: #3b82f6;
    --label-bg: #3b82f6;
    --social-bg: #334155;
    --social-hover-bg: #475569;
    --skills-bg: #334155;
    --skills-hover-bg: #475569;
    --popup-border: #334155;
    --modal-bg: #1e293b;
}