body.gc-matrix-theme {
    background-color: #000;
    color: #0f0;
    font-family: 'Courier New', Courier, monospace;
}

body.gc-matrix-theme .profile-name,
body.gc-matrix-theme h1,
body.gc-matrix-theme h2,
body.gc-matrix-theme h3,
body.gc-matrix-theme h4,
body.gc-matrix-theme h5,
body.gc-matrix-theme h6 {
    font-family: 'Courier New', Courier, monospace;
}

body.gc-matrix-theme .profile-header,
body.gc-matrix-theme .post-item,
body.gc--theme .tab-content,
body.gc-matrix-theme .glass-header,
body.gc-matrix-theme .main-header,
body.gc-matrix-theme .wiraki-context-box,
body.gc-matrix-theme .key-actions-box,
body.gc-matrix-theme .conversion-rate-display,
body.gc-matrix-theme .mockups-container,
body.gc-matrix-theme .mockup-item,
body.gc-matrix-theme .quotes-container,
body.gc-matrix-theme .comparison-images,
body.gc-matrix-theme .gc-reward-shop-container,
body.gc-matrix-theme .gc-reward-card {
    background-color: #0D0208;
    border-color: #0f0;
    color: #0f0;
}
body.gc-matrix-theme .hero-main,
body.gc-matrix-theme .content-section,
body.gc-matrix-theme .visual-section {
  background-color: #000;
}

body.gc-matrix-theme #takeaway-section {
  background-color: initial;
  color: initial;
}

body.gc-matrix-theme #takeaway-section .visual-section {
  background-color: initial;
}

body.gc-matrix-theme #takeaway-section h2,
body.gc-matrix-theme #takeaway-section h3,
body.gc-matrix-theme #takeaway-section p,
body.gc-matrix-theme #takeaway-section li,
body.gc-matrix-theme #takeaway-section a {
  color: initial;
}

body.gc-matrix-theme #takeaway-section .achievements-card,
body.gc-matrix-theme #takeaway-section .contact-section {
    background-color: initial;
    color: initial;
}

body.gc-matrix-theme a,
body.gc-matrix-theme .projects-title,
body.gc-matrix-theme .projects-coming-soon,
body.gc-matrix-theme .hero-secondary-line,
body.gc-matrix-theme .hero-main-paragraph,
body.gc-matrix-theme .hero-bold,
body.gc-matrix-theme .post-title,
body.gc-matrix-theme .profile-name,
body.gc-matrix-theme .section-heading,
body.gc-matrix-theme .intro-heading,
body.gc-matrix-theme .subtitles-container,
body.gc-matrix-theme .numbered-circle span {
    color: #0f0;
}

body.gc-matrix-theme .post-desc,
body.gc-matrix-theme .profile-desc,
body.gc-matrix-theme .mockups-caption,
body.gc-matrix-theme .scroll-text,
body.gc-matrix-theme .back-button span {
    color: #0f0;
}

body.gc-matrix-theme .profile-links a img,
body.gc-matrix-theme .back-button svg {
    /* Replace grayscale/brightness filter with matrix green */
    filter: none;
    color: #0f0;
    fill: #0f0; /* for svgs */
}

body.gc-matrix-theme .scroll-progress-bar {
    background-color: #0f0;
}

body.gc-matrix-theme .gc-redeem-button {
    background-color: #0f0;
    color: #000;
    border: 1px solid #0f0;
}

body.gc-matrix-theme .gc-redeem-button:disabled {
    background-color: #333;
    color: #555;
    border-color: #555;
}

/* ------------------------------------------------------------------
   Matrix theme — narrow, non-invasive overrides for the rewards area
   - Kept intentionally low-specificity and scoped under body.gc-matrix-theme
   - Uses relative paths from this CSS file (css/) to the Images/ folder
   - No !important so it's easy to override or remove
   QA notes: see ../QA_MATRIX_THEME.md for test checklist and revert steps
   ------------------------------------------------------------------ */

body.gc-matrix-theme .full-bleed-rewards .sunburst-bg {
    /* Layer the matrix-specific sunburst artwork over a neon-green fallback */
    /* NOTE: use the actual filename present in /Images/ */
    background: url('../Images/background-reward-desktop-matrix.png') center/cover no-repeat, #00FF00;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none; /* decorative only */
}

/* Swap rays artwork only when theme is active. Keep opacity/blend tuned to
   help visibility against neon green. If the rays become invisible, try
   removing mix-blend-mode or supplying a darker rays asset. */
body.gc-matrix-theme .reward-rays {
    background-image: url('../Images/rays_matrix.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* assist contrast without being intrusive */
    opacity: 0.95;
    mix-blend-mode: multiply; /* helps darker strokes show on bright backgrounds */
}

body.gc-matrix-theme .matrix-toggle-copy {
    color: #000d;
}