:root {
    --bg: #0b1220;
    --text: #ffffff;
    --card: rgba(255,255,255,0.08);
    --primary: #38bdf8;
    --link: #7dd3fc;
    --link-hover: #facc15;
    --navbar-bg: rgba(5,12,25,0.58);
    --navbar-border: rgba(255,255,255,0.12);
}

body.light {
    --bg: #f5f7fb;
    --text: #0b1220;
    --card: rgba(255,255,255,0.72);
    --primary: #0284c7;
    --link: #075985;
    --link-hover: #ea580c;
    --navbar-bg: rgba(255,255,255,0.62);
    --navbar-border: rgba(15,23,42,0.12);
}

body {
    background: var(--bg);
    color: var(--text);
}

.card-glass,
.glass-card,
.learning-card,
.project-card,
.internship-card,
.about-card,
.interview-card,
.contact-info-card,
.contact-form-card {
    background: var(--card);
    color: var(--text);
    border: 1px solid var(--navbar-border);
}

a {
    color: var(--link);
}

a:hover {
    color: var(--link-hover);
}