/* themes/matrix/theme.css — Hacker Terminal, Pure Black + Green Phosphor */

body.theme-matrix {
  --bg-page: #000000;
  --bg-card: #020802;
  --bg-navbar: #000000;
  --bg-hero: #010501;
  --bg-footer: #000000;
  --bg-section-label: #010501;
  --text-primary: #00ff41;
  --text-secondary: #00b330;
  --text-muted: #004d15;
  --text-logo: #00ff41;
  --accent: #00ff41;
  --accent-2: #39ff14;
  --border-color: #0d330d;
  --border-card: #0a2a0a;
  --shadow-card: 0 0 0 1px #0d330d, 0 4px 20px rgba(0, 0, 0, 0.85);
  --shadow-card-hover:
    0 0 0 1px #00ff41, 0 0 18px rgba(0, 255, 65, 0.22),
    0 4px 24px rgba(0, 0, 0, 0.9);
  --badge-bg: rgba(0, 255, 65, 0.1);
  --badge-color: #00ff41;
  --pill-bg: rgba(0, 255, 65, 0.08);
  --pill-color: #00b330;
  --cat-pill-bg: rgba(0, 255, 65, 0.05);
  --cat-pill-color: #00b330;
  --cat-pill-active-bg: #00ff41;
  --cat-pill-active-color: #000000;
  --dropdown-bg: #020802;
  --dropdown-text: #00ff41;
  --dropdown-hover: #061406;
  --theme-btn-bg: rgba(0, 255, 65, 0.08);
  --theme-btn-color: #00b330;
  --hero-eyebrow: #00ff41;
  --hero-accent: #39ff14;
  --hero-tag-bg: rgba(0, 255, 65, 0.08);
  --hero-tag-color: #00b330;
  --section-icon-color: #00ff41;
  --font-family: 'Courier New', 'Courier', monospace;
  --card-radius: 4px;
  --card-border-width: 1px;
  --card-border-style: solid;
  --matrix-glow: rgba(0, 255, 65, 0.35);
}

.swatch-matrix {
  background: linear-gradient(135deg, #000000 50%, #00ff41 50%);
  border-color: #0d330d;
}

/* Matrix: CRT scanline overlay */
body.theme-matrix::after {
  content: '';
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.03) 0px,
    rgba(0, 0, 0, 0.03) 1px,
    transparent 1px,
    transparent 3px
  );
  pointer-events: none;
  z-index: 9999;
}

/* Matrix: card green-glow hover */
body.theme-matrix .chart-card:hover {
  box-shadow: var(--shadow-card-hover);
  border-color: #00ff41;
}

/* Matrix: dark scrollbar */
body.theme-matrix::-webkit-scrollbar {
  width: 6px;
  background: var(--bg-page);
}
body.theme-matrix::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 3px;
}