/* themes/neongrid/theme.css — Cyberpunk / Synthwave */

body.theme-neongrid {
  --bg-page: #08080f;
  --bg-card: #0e0e1c;
  --bg-navbar: #060609;
  --bg-hero: #0a0a18;
  --bg-footer: #060609;
  --bg-section-label: #0a0a18;
  --text-primary: #e8e8ff;
  --text-secondary: #9898bb;
  --text-muted: #484870;
  --text-logo: #ffffff;
  --accent: #00ff88;
  --accent-2: #ff006e;
  --border-color: #1a1a35;
  --border-card: #1e1e3a;
  --shadow-card: 0 0 0 1px #1e1e3a, 0 4px 20px rgba(0, 0, 0, 0.6);
  --shadow-card-hover:
    0 0 0 1px #00d4ff, 0 0 20px rgba(0, 212, 255, 0.25),
    0 4px 24px rgba(0, 0, 0, 0.7);
  --badge-bg: rgba(0, 255, 136, 0.1);
  --badge-color: #00ff88;
  --pill-bg: rgba(0, 212, 255, 0.1);
  --pill-color: #00d4ff;
  --cat-pill-bg: rgba(255, 255, 255, 0.04);
  --cat-pill-color: #9898bb;
  --cat-pill-active-bg: #00ff88;
  --cat-pill-active-color: #08080f;
  --dropdown-bg: #0e0e1c;
  --dropdown-text: #e8e8ff;
  --dropdown-hover: #14142a;
  --theme-btn-bg: rgba(0, 255, 136, 0.08);
  --theme-btn-color: #00ff88;
  --hero-eyebrow: #00d4ff;
  --hero-accent: #ff006e;
  --hero-tag-bg: rgba(0, 212, 255, 0.08);
  --hero-tag-color: #00d4ff;
  --section-icon-color: #00ff88;
  --font-family: 'Orbitron', system-ui, sans-serif;
  --card-radius: 8px;
  --card-border-width: 1px;
  --card-border-style: solid;
  --neon-glow-color: rgba(0, 212, 255, 0.35);
}

.swatch-neongrid {
  background: linear-gradient(135deg, #08080f 50%, #00ff88 50%);
  border-color: #1a1a35;
}

/* Neon Grid: card border glow on hover */
body.theme-neongrid .chart-card:hover {
  border-color: #00d4ff;
}

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

/* Neon Grid: section label text glow */
body.theme-neongrid .section-label {
  text-shadow: 0 0 12px rgba(0, 255, 136, 0.6);
}

/* Neon Grid: brand icon drop-shadow */
body.theme-neongrid .brand-icon {
  filter: drop-shadow(0 0 6px rgba(0, 255, 136, 0.8));
}

/* Neon Grid: active pill box-shadow */
body.theme-neongrid .cat-pill.active {
  box-shadow: 0 0 12px rgba(0, 255, 136, 0.4);
}

/* Neon Grid: modebar icon colors */
body.theme-neongrid .modebar-btn path {
  fill: var(--text-secondary) !important;
}
body.theme-neongrid .modebar-btn:hover path {
  fill: var(--accent) !important;
}