:root {
    --color-light-start: #f5f7fa;
    --color-light-mid: #f0f2f5;
    --color-light-end: #e8ebf0;
    --color-dark-start: #1a1a2e;
    --color-dark-mid: #16213e;
    --color-dark-end: #0f3460;
    --bg-gradient-light: #f0f2f5;
    /* Sophisticated Light Grey */
    --bg-gradient-dark: #1a1a1a;
    /* Black-Grey */
    --bg-gradient: var(--bg-gradient-light);
    --accent-color: #333;
    /* Neutral Dark */
    --text-color: #2a2a2a;
    --text-color-dark: #ffffff;
    --card-border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] {
    --text-color: #222;
    --accent-color: #222;
    --card-border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] {
    --bg-gradient: var(--bg-gradient-dark);
    --text-color: #ffffff;
    --accent-color: #ffffff;
    --card-border-color: rgba(255, 255, 255, 0.2);
}

[data-theme="light"] {
    --bg-gradient: var(--bg-gradient-light);
}

/* Text color for specific elements */
h1,
h2,
p,
td,
th,
.portfolio-table a,
.copyright,
.home-tooltip,
.language-select {
    color: var(--text-color);
}