/* Interactive metric cards — hover lift */
[data-dashboard-chart-target="card"]:hover {
  box-shadow: 0 10px 25px -5px rgba(0,0,0,0.12), 0 4px 10px -6px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

/*
 * Analytics dashboard color palette.
 * All metric/chart colors are defined here as CSS custom properties.
 * Reference them in views via data-chart-color="--analytics-green" etc.
 * The dashboard_chart_controller resolves them to actual values for Chart.js.
 */
:root {
  --analytics-green:  #16a34a;
  --analytics-blue:   #2563eb;
  --analytics-purple: #9333ea;
  --analytics-gold:   #ca8a04;
}