/* 🎨 DARK THEME FULL OVERRIDE */

[data-theme="dark"] {
    --bg: #54637E;
    --text: #E8DCCB;
    --accent: #E8DCCB;
    --brown:#54637E;
    --blue:#695C5C;
    --modal-bg: #333;
    --modal-text: #E8DCCB;
    --modal-badge: #54637E;
    --modal-overlay: rgba(64, 64, 64, 0.85);
    --modal-hover: #333c4d;
}

/* General background and text */
html[data-theme="dark"] {
    background-color: var(--bg);
    color: var(--text);
}

/* Navbar + scroll button */
[data-theme="dark"] .nav-links a,
[data-theme="dark"] .scroll-down-btn,
[data-theme="dark"] .subtitle,
[data-theme="dark"] .main-title,
[data-theme="dark"] .split h1,
[data-theme="dark"] .skills-track span,
[data-theme="dark"] .btn-title,
[data-theme="dark"] .btn-sub {
    color: var(--text);
}

/* Scroll button border and hover invert */
[data-theme="dark"] .scroll-down-btn {
    border-color: var(--text);
    background-color: transparent;
}

[data-theme="dark"] .scroll-down-btn:hover {
    background-color: var(--text);
    color: var(--bg);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
}

/* Split highlight underline */
[data-theme="dark"] .highlight {
    background-image: linear-gradient(to right, #082D0F,#136c24);
}

/* Gsap Button base - texte & flèche en clair */
[data-theme="dark"] .gsap-btn {
    color: #E8DCCB;
}

[data-theme="dark"] .gsap-btn .btn-border {
    border-color: #E8DCCB;
}

[data-theme="dark"] .gsap-btn .btn-bg {
    background-color: #E8DCCB;
}

[data-theme="dark"] .btn-arrow {
    stroke: #E8DCCB;
}

/* Hover inverse : texte + flèche en foncé */
[data-theme="dark"] .gsap-btn:hover .btn-title,
[data-theme="dark"] .gsap-btn:hover .btn-sub,
[data-theme="dark"] .gsap-btn:hover .btn-arrow {
    color: #54637E;
    stroke: #54637E;
}


/* Marquee borders */
[data-theme="dark"] .skills-marquee {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}