/* Matrix Mode - v6 - White text, green animated code only */
[data-matrix="true"] {
    --bg-primary: #000510 !important;
    --bg-secondary: #000810 !important;
    --bg-card: rgba(0, 20, 40, 0.7) !important;
    --text-primary: #ffffff !important;
    --text-secondary: #e0e0e0 !important;
    --accent-cyan: #00ff41 !important;
    --border-glass: rgba(0, 255, 65, 0.2) !important;
}

/* Matrix Background Animation - Full Screen */
.matrix-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background: #000510;
    overflow: hidden;
    display: none;
}

[data-matrix="true"] .matrix-bg {
    display: block;
}

/* Hide other backgrounds when matrix is on */
[data-matrix="true"] .animated-bg,
[data-matrix="true"] .particles,
[data-matrix="true"] .grid-overlay,
[data-matrix="true"] .hero-bg {
    display: none !important;
}

/* Matrix columns - GREEN animated code only */
.matrix-column {
    position: absolute;
    top: -100vh;
    color: #00ff41 !important; /* Green for animated code only */
    font-family: 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.2;
    opacity: 0;
    text-shadow: 0 0 10px #00ff41;
    animation: matrix-fall linear infinite;
    white-space: nowrap;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

@keyframes matrix-fall {
    0% {
        transform: translateY(0);
        opacity: 0;
    }
    5% {
        opacity: 0.8;
    }
    95% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(200vh);
        opacity: 0;
    }
}

/* Matrix toggle button */
#matrixToggle {
    background: linear-gradient(135deg, #000510, #001520) !important;
    border-color: #00ff41 !important;
}

#matrixToggle span {
    color: #00ff41 !important;
    text-shadow: 0 0 10px #00ff41 !important;
}

#matrixToggle.active {
    background: #00ff41 !important;
    box-shadow: 0 0 20px #00ff41 !important;
}

#matrixToggle.active span {
    color: #000510 !important;
    text-shadow: none !important;
}

/* Hide matrix toggle in light mode */
[data-theme="light"] #matrixToggle {
    display: none !important;
}

/* WHITE TEXT for all content - not green */
[data-matrix="true"] h1,
[data-matrix="true"] h2,
[data-matrix="true"] h3,
[data-matrix="true"] h4,
[data-matrix="true"] p,
[data-matrix="true"] span:not(.matrix-column),
[data-matrix="true"] div:not(.matrix-column):not(.matrix-bg),
[data-matrix="true"] a {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Subtitle/secondary text */
[data-matrix="true"] .subtitle,
[data-matrix="true"] .section-subtitle,
[data-matrix="true"] p {
    color: #e0e0e0 !important;
}

/* Stats - white text */
[data-matrix="true"] .stat-value {
    color: #ffffff !important;
}

[data-matrix="true"] .stat-label {
    color: #cccccc !important;
}

/* Tech tags - green border, white text */
[data-matrix="true"] .tech-tag {
    border-color: #00ff41 !important;
    color: #ffffff !important;
    background: rgba(0, 255, 65, 0.1) !important;
}

/* Cards - white text */
[data-matrix="true"] .stat-card,
[data-matrix="true"] .feature-card,
[data-matrix="true"] .info-card {
    color: #ffffff !important;
}

[data-matrix="true"] .stat-card h3,
[data-matrix="true"] .feature-card h3,
[data-matrix="true"] .info-card h3 {
    color: #ffffff !important;
}

[data-matrix="true"] .stat-card p,
[data-matrix="true"] .feature-card p,
[data-matrix="true"] .info-card p {
    color: #e0e0e0 !important;
}

/* Links - white */
[data-matrix="true"] a:not(.btn) {
    color: #ffffff !important;
}

/* Buttons */
[data-matrix="true"] .btn {
    color: #000510 !important;
}