/* Import CSS files in dependency order */
@import 'variables.css';
@import 'base.css';
@import 'components.css';
@import 'layout.css';
@import 'enhanced-interactions.css';

/* Additional utility classes and overrides can go here */
.muted {
  color: var(--muted);
}

.notice {
  font-size: var(--font-size-sm);
  color: var(--muted);
}

.sources {
  margin-top: var(--space-sm);
}

.sources li {
  margin: var(--space-xs) 0;
}

/* Chart specific styles */
.chart {
  height: 140px;
}

/* Input accent color */
input[type="range"] {
  accent-color: var(--brand);
}