frontend/src/index.css

@import "tailwindcss";

/* Palantir Foundry-inspired dark theme */
@theme {
  --color-void: #0a0e17;
  --color-abyss: #0d1117;
  --color-deep: #111820;
  --color-surface: #161b22;
  --color-raised: #1c2333;
  --color-elevated: #21283b;
  --color-border: #30363d;
  --color-border-bright: #484f58;
  --color-text-primary: #e6edf3;
  --color-text-secondary: #8b949e;
  --color-text-muted: #6e7681;
  --color-accent: #58a6ff;
  --color-accent-bright: #79c0ff;
  --color-accent-dim: #1f6feb;
  --color-success: #3fb950;
  --color-warning: #d29922;
  --color-danger: #f85149;
  --color-orange: #f0883e;
  --color-purple: #bc8cff;
  --color-cyan: #39d2c0;
  --color-chart-1: #58a6ff;
  --color-chart-2: #3fb950;
  --color-chart-3: #f0883e;
  --color-chart-4: #bc8cff;
  --color-chart-5: #39d2c0;
  --color-chart-6: #f85149;
  --color-chart-7: #d29922;
  --color-chart-8: #79c0ff;
}

html, body, #root {
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--color-void);
  color: var(--color-text-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--color-abyss);
}
::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-bright);
}

.js-plotly-plot .plotly .modebar {
  background: transparent !important;
}
.js-plotly-plot .plotly .modebar-btn path {
  fill: var(--color-text-secondary) !important;
}
.js-plotly-plot .plotly .modebar-btn:hover path {
  fill: var(--color-accent) !important;
}