frontend/src/App.css

/* NeuroScope-specific overrides (research-tool, dense, dark, monospace numerics). */

.App {
    min-height: 100vh;
    background: var(--ns-bg-canvas);
    color: var(--ns-fg-primary);
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea {
    font-family: inherit;
}

/* recharts dark theme tweaks */
.recharts-cartesian-axis-tick text {
    fill: var(--ns-fg-muted);
    font-family: "JetBrains Mono", monospace;
    font-size: 10px;
}
.recharts-cartesian-grid line {
    stroke: var(--ns-border-subtle);
}
.recharts-tooltip-wrapper {
    outline: none !important;
}

/* D3 tooltip */
.ns-d3-tooltip {
    position: absolute;
    pointer-events: none;
    background: var(--ns-bg-surface-3);
    border: 1px solid var(--ns-border);
    color: var(--ns-fg-primary);
    padding: 8px 10px;
    border-radius: 8px;
    font-family: "JetBrains Mono", monospace;
    font-size: 11px;
    box-shadow: var(--ns-shadow-elev-2);
    z-index: 50;
}