/* ── Theme Variables (Dark – default) ── */
:root {
    --bg-primary: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);
    --bg-nav: #080c10;
    --bg-section-alt: rgba(0, 0, 0, 0.2);
    --bg-card: rgba(255,255,255,0.03);
    --border-card: rgba(255,255,255,0.09);
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-muted: #888;
    --text-heading: #ffffff;
    --accent: #2563eb;
    --input-bg: rgba(255,255,255,0.05);
    --input-border: rgba(255,255,255,0.12);
    --hero-gradient: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    --hero-h2-color: #cccccc;
    --hero-p-color: #b0b0b0;
    --profile-border: #ffffff;
    --profile-shadow: rgba(255,255,255,0.4);
    --profile-ring1: #ffffff;
    --profile-ring1-fade: rgba(255,255,255,0.15);
    --profile-ring2: rgba(255,255,255,0.35);
    --profile-ring2-fade: rgba(255,255,255,0.08);
    --social-color: #ffffff;
    --social-bg: rgba(255,255,255,0.05);
    --social-hover-bg: rgba(255,255,255,0.2);
    --social-hover-shadow: rgba(37, 99, 235, 0.4);
    --btn-primary-bg: #ffffff;
    --btn-primary-color: #0f1419;
    --btn-secondary-color: #ffffff;
    --btn-secondary-border: #ffffff;
    --details-list-color: #b0b0b0;
    --icon-accent: #ffffff;
    --about-tag-bg: rgba(255,255,255,0.07);
    --about-tag-border: rgba(255,255,255,0.2);
    --about-tag-color: #c0c0c0;
    --skills-sub-color: #888;
    --skills-section-title-color: #888;
    --skills-section-border: #ffffff;
    --soft-skill-color: #c0c0c0;
    --soft-skill-bg: rgba(255,255,255,0.07);
    --soft-skill-border: rgba(255,255,255,0.2);
    --soft-skill-hover-bg: rgba(255,255,255,0.15);
    --soft-skill-hover-color: #fff;
    --tech-card-bg: rgba(255,255,255,0.04);
    --tech-card-border: rgba(255,255,255,0.09);
    --tech-card-hover-bg: rgba(255,255,255,0.08);
    --tech-card-hover-border: rgba(255,255,255,0.35);
    --tech-card-hover-shadow: rgba(37, 99, 235, 0.4);
    --exp-border: rgba(255,255,255,0.05);
    --exp-h4-color: #ffffff;
    --exp-role-color: #888;
    --exp-ul-color: #b0b0b0;
    --exp-year-bg: rgba(255,255,255,0.1);
    --exp-year-border: rgba(255,255,255,0.3);
    --exp-year-color: #ffffff;
    --exp-degree-color: #ffffff;
    --philosophy-p-color: #b0b0b0;
    --project-card-bg: transparent;
    --project-card-border: rgba(255,255,255,0.08);
    --project-card-hover-border: rgba(255,255,255,0.4);
    --project-card-hover-shadow: rgba(37, 99, 235, 0.4);
    --project-thumb-bg: linear-gradient(135deg, #1a1f2e, #0f1419);
    --project-h3-color: #ffffff;
    --project-p-color: #9ca3af;
    --tag-bg: rgba(255,255,255,0.06);
    --tag-color: #d1d5db;
    --tag-border: rgba(255,255,255,0.1);
    --project-footer-border: rgba(255,255,255,0.05);
    --btn-view-border: rgba(255,255,255,0.2);
    --btn-view-color: #d1d5db;
    --btn-view-hover-border: #ffffff;
    --btn-view-hover-color: #ffffff;
    --detail-back-bg: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);
    --detail-back-btn-bg: rgba(255,255,255,0.06);
    --detail-back-btn-border: rgba(255,255,255,0.15);
    --detail-back-btn-color: #d1d5db;
    --detail-header-bg: rgba(255,255,255,0.03);
    --detail-header-border: rgba(255,255,255,0.1);
    --detail-h1-color: #ffffff;
    --detail-subtitle-color: #9ca3af;
    --detail-divider-color: rgba(255,255,255,0.08);
    --detail-sidebar-h3-color: #ffffff;
    --detail-tech-tag-bg: rgba(255,255,255,0.07);
    --detail-tech-tag-border: rgba(255,255,255,0.12);
    --detail-tech-tag-color: #d1d5db;
    --detail-link-btn-bg: rgba(255,255,255,0.04);
    --detail-link-btn-border: rgba(255,255,255,0.15);
    --detail-link-btn-color: #d1d5db;
    --detail-link-primary-bg: #0f1f3d;
    --detail-link-primary-color: #ffffff;
    --detail-main-h2-color: #ffffff;
    --detail-main-h3-color: #ffffff;
    --detail-main-p-color: #9ca3af;
    --detail-main-li-color: #9ca3af;
    --detail-main-li-strong: #d1d5db;
    --detail-ack-border: transparent;
    --detail-nav-a-color: #e0e0e0;
    --detail-nav-border: rgba(255,255,255,0.1);
    --contact-info-color: #c0c0c0;
    --social-online-color: #c0c0c0;
    --footer-bg: rgba(0,0,0,0.5);
    --footer-border: transparent;
    --footer-color: #888;
    --btn-send-bg: #ffffff;
    --btn-send-color: #0f1419;
    --logo-gradient: linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    --nav-border: transparent;
    --screenshot-border: rgba(255,255,255,0.08);
}

/* ── Light Mode ── */
body.theme-light {
    --bg-primary: linear-gradient(135deg, #f0f4f8 0%, #e8edf5 100%);
    --bg-nav: #ffffff;
    --bg-section-alt: rgba(0,0,0,0.04);
    --bg-card: rgba(255, 255, 255, 0.45);
    --border-card: rgba(255, 255, 255, 0.65);
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --text-heading: #1a202c;
    --accent: #2563eb;
    --input-bg: rgba(0,0,0,0.04);
    --input-border: rgba(0,0,0,0.15);
    --hero-gradient: linear-gradient(90deg, #1a202c, #2563eb, #60a5fa, #1a202c);
    --hero-h2-color: #4a5568;
    --hero-p-color: #4a5568;
    --profile-border: #2563eb;
    --profile-shadow: rgba(37,99,235,0.25);
    --profile-ring1: #2563eb;
    --profile-ring1-fade: rgba(37,99,235,0.2);
    --profile-ring2: rgba(37,99,235,0.25);
    --profile-ring2-fade: rgba(37,99,235,0.1);
    --social-color: #2563eb;
    --social-bg: rgba(37,99,235,0.07);
    --social-hover-bg: rgba(37,99,235,0.15);
    --social-hover-shadow: rgba(37, 99, 235, 0.4);
    --btn-primary-bg: #2563eb;
    --btn-primary-color: #ffffff;
    --btn-secondary-color: #2563eb;
    --btn-secondary-border: #2563eb;
    --details-list-color: #4a5568;
    --icon-accent: #2563eb;
    --about-tag-bg: rgba(37,99,235,0.08);
    --about-tag-border: rgba(37,99,235,0.25);
    --about-tag-color: #2d3748;
    --skills-sub-color: #718096;
    --skills-section-title-color: #718096;
    --skills-section-border: #2563eb;
    --soft-skill-color: #2d3748;
    --soft-skill-bg: rgba(37,99,235,0.07);
    --soft-skill-border: rgba(37,99,235,0.25);
    --soft-skill-hover-bg: rgba(37,99,235,0.15);
    --soft-skill-hover-color: #1a202c;
    --tech-card-bg: rgba(0,0,0,0.03);
    --tech-card-border: rgba(0,0,0,0.1);
    --tech-card-hover-bg: rgba(37,99,235,0.07);
    --tech-card-hover-border: rgba(37,99,235,0.35);
    --tech-card-hover-shadow: rgba(37, 99, 235, 0.4);
    --exp-border: rgba(0,0,0,0.07);
    --exp-h4-color: #1a202c;
    --exp-role-color: #718096;
    --exp-ul-color: #4a5568;
    --exp-year-bg: rgba(37,99,235,0.08);
    --exp-year-border: rgba(37,99,235,0.3);
    --exp-year-color: #1d4ed8;
    --exp-degree-color: #1d4ed8;
    --philosophy-p-color: #4a5568;
    --project-card-bg: rgba(255, 255, 255, 0.45);
    --project-card-border: rgba(255, 255, 255, 0.65);
    --project-card-hover-border: rgba(37,99,235,0.4);
    --project-card-hover-shadow: rgba(37, 99, 235, 0.4);
    --project-thumb-bg: linear-gradient(135deg, #e8edf5, #d6dde8);
    --project-h3-color: #1a202c;
    --project-p-color: #4a5568;
    --tag-bg: rgba(0,0,0,0.05);
    --tag-color: #2d3748;
    --tag-border: rgba(0,0,0,0.12);
    --project-footer-border: rgba(0,0,0,0.07);
    --btn-view-border: rgba(0,0,0,0.2);
    --btn-view-color: #4a5568;
    --btn-view-hover-border: #2563eb;
    --btn-view-hover-color: #2563eb;
    --detail-back-bg: linear-gradient(135deg, #f0f4f8 0%, #e8edf5 100%);
    --detail-back-btn-bg: rgba(0,0,0,0.04);
    --detail-back-btn-border: rgba(0,0,0,0.15);
    --detail-back-btn-color: #4a5568;
    --detail-header-bg: rgba(255, 255, 255, 0.45);
    --detail-header-border: rgba(255, 255, 255, 0.65);
    --detail-h1-color: #1a202c;
    --detail-subtitle-color: #4a5568;
    --detail-divider-color: rgba(0,0,0,0.08);
    --detail-sidebar-h3-color: #1a202c;
    --detail-tech-tag-bg: rgba(0,0,0,0.05);
    --detail-tech-tag-border: rgba(0,0,0,0.12);
    --detail-tech-tag-color: #2d3748;
    --detail-link-btn-bg: rgba(0,0,0,0.03);
    --detail-link-btn-border: rgba(0,0,0,0.15);
    --detail-link-btn-color: #4a5568;
    --detail-link-primary-bg: #2563eb;
    --detail-link-primary-color: #ffffff;
    --detail-main-h2-color: #1a202c;
    --detail-main-h3-color: #1a202c;
    --detail-main-p-color: #4a5568;
    --detail-main-li-color: #4a5568;
    --detail-main-li-strong: #1a202c;
    --detail-ack-border: rgba(0,0,0,0.08);
    --detail-nav-a-color: #2d3748;
    --detail-nav-border: rgba(37,99,235,0.15);
    --contact-info-color: #4a5568;
    --social-online-color: #4a5568;
    --footer-bg: rgba(0,0,0,0.05);
    --footer-border: transparent;
    --footer-color: #718096;
    --btn-send-bg: #2563eb;
    --btn-send-color: #ffffff;
    --logo-gradient: linear-gradient(90deg, #1a202c 0%, #2563eb 100%);
    --nav-border: transparent;
    --screenshot-border: rgba(0,0,0,0.1);
}