/* ====== II SHARED THEME — Dark/Light + Dock ====== */
[data-theme="dark"] body {
    background: #080808 !important;
    color: #f1f5f9 !important;
}
[data-theme="dark"] {
    --bg: #080808;
    --surface: #0f0f0f;
    --border: rgba(255,255,255,0.06);
    --text: #f1f5f9;
    --text-50: rgba(255,255,255,0.5);
    --text-35: rgba(255,255,255,0.35);
    --text-20: rgba(255,255,255,0.2);
    color-scheme: dark;
}
[data-theme="light"] {
    --bg: #fafafa;
    --surface: #ffffff;
    --border: rgba(0,0,0,0.06);
    --text: #1a1a1a;
    --text-50: rgba(0,0,0,0.5);
    --text-35: rgba(0,0,0,0.35);
    --text-20: rgba(0,0,0,0.18);
    color-scheme: light;
}

/* Override old light-only vars */
[data-theme="dark"] body,
[data-theme="dark"] .hero-section,
[data-theme="dark"] section,
[data-theme="dark"] .projects-section,
[data-theme="dark"] .services-section,
[data-theme="dark"] .articles-section,
[data-theme="dark"] .about-section,
[data-theme="dark"] footer {
    background: #080808 !important;
    color: #f1f5f9 !important;
}
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4 {
    color: #f1f5f9 !important;
}
[data-theme="dark"] p, [data-theme="dark"] span, [data-theme="dark"] li {
    color: #c8d0db !important;
}
[data-theme="dark"] .accordion-item,
[data-theme="dark"] .acc-item {
    background: #111 !important;
    border-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .accordion-item:hover,
[data-theme="dark"] .acc-item:hover {
    background: #1a1a1a !important;
}
[data-theme="dark"] .accordion-container,
[data-theme="dark"] .accordion {
    border-color: rgba(255,255,255,0.06) !important;
    background: rgba(255,255,255,0.03) !important;
}
[data-theme="dark"] .acc-chevron {
    stroke: rgba(255,255,255,0.3) !important;
}
[data-theme="dark"] input, [data-theme="dark"] textarea {
    background: #111 !important;
    color: #f1f5f9 !important;
    border-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] a { color: #60a5fa; }
[data-theme="dark"] .navbar,
[data-theme="dark"] nav.navbar {
    background: rgba(8,8,8,0.75) !important;
    border-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .nav-link { color: rgba(255,255,255,0.5) !important; }
[data-theme="dark"] .nav-link:hover { color: rgba(255,255,255,0.9) !important; }
[data-theme="dark"] footer {
    border-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .hero-marquee span,
[data-theme="dark"] .marquee-track span {
    color: rgba(255,255,255,0.3) !important;
}

/* ====== DOCK INJECTION ====== */
.ii-dock {
    position: fixed; top: 16px; left: 50%;
    transform: translateX(-50%); z-index: 10000;
    display: flex; align-items: center;
    padding: 0 0.6rem; height: 42px;
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255,255,255,0.1);
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 0.78rem; font-weight: 500;
}
[data-theme="light"] .ii-dock {
    background: rgba(255,255,255,0.7);
    border-color: rgba(0,0,0,0.08);
}
.ii-dock a, .ii-dock button {
    padding: 0 0.5rem;
    color: rgba(255,255,255,0.35);
    transition: color 0.2s;
    white-space: nowrap;
    cursor: pointer;
    background: none; border: none;
    font-family: inherit; font-size: inherit; font-weight: inherit;
    text-decoration: none !important;
}
[data-theme="light"] .ii-dock a, [data-theme="light"] .ii-dock button {
    color: rgba(0,0,0,0.35);
}
.ii-dock a:hover, .ii-dock button:hover {
    color: rgba(255,255,255,0.9);
}
[data-theme="light"] .ii-dock a:hover, [data-theme="light"] .ii-dock button:hover {
    color: rgba(0,0,0,0.85);
}
.ii-dock .sep { width: 1px; height: 14px; background: rgba(255,255,255,0.2); flex-shrink: 0; }
[data-theme="light"] .ii-dock .sep { background: rgba(0,0,0,0.15); }
.ii-dock .dock-logo { display: flex; align-items: center; padding: 0 0.3rem; }
.ii-dock .dock-logo img { height: 20px; opacity: 0.7; transition: opacity 0.2s; }
[data-theme="dark"] .ii-dock .dock-logo img { filter: brightness(0) invert(1); }
.ii-dock .dock-logo:hover img { opacity: 1; }
.ii-dock .dock-icon {
    padding: 0 0.4rem; color: rgba(255,255,255,0.2);
    cursor: pointer; transition: color 0.2s;
    display: flex; align-items: center;
    background: none; border: none;
}
[data-theme="light"] .ii-dock .dock-icon { color: rgba(0,0,0,0.2); }
.ii-dock .dock-icon:hover { color: rgba(255,255,255,0.5); }
[data-theme="light"] .ii-dock .dock-icon:hover { color: rgba(0,0,0,0.5); }
.ii-dock .dock-icon svg { width: 14px; height: 14px; }
[data-theme="dark"] .ii-dock .icon-sun { display: block; }
[data-theme="dark"] .ii-dock .icon-moon { display: none; }
[data-theme="light"] .ii-dock .icon-sun { display: none; }
[data-theme="light"] .ii-dock .icon-moon { display: block; }

/* Push page content below dock */
body { padding-top: 70px !important; }

@media (max-width: 640px) {
    .ii-dock { font-size: 0.68rem; padding: 0 0.35rem; top: 10px; height: 38px; }
    .ii-dock a, .ii-dock button { padding: 0 0.3rem; }
}