dyolink/frontend/src/components/today/chart-theme.ts

import { CATALOG_PALETTE_COLORS } from '@/components/ui/treatment/catalog-type-colors';

/** Chart series colors — same palette as treatment / prosthesis catalog types. */
export const TODAY_CHART_COLORS = CATALOG_PALETTE_COLORS;

/** Primary accent for single-series charts (area, gauge). */
export const TODAY_CHART_PRIMARY_COLOR = CATALOG_PALETTE_COLORS[5] ?? '#c4b5fd';

/** Stacked bar segments for lab task activity. */
export const TODAY_CHART_COMPLETED_COLOR = CATALOG_PALETTE_COLORS[8] ?? '#86efac';
export const TODAY_CHART_RECEIVED_COLOR = CATALOG_PALETTE_COLORS[11] ?? '#bae6fd';

export const TODAY_CHART_AXIS_COLOR = '#8ea3bf';
export const TODAY_CHART_GRID_COLOR = 'rgba(41, 69, 106, 0.55)';
export const TODAY_CHART_TOOLTIP_BG = '#14253d';
export const TODAY_CHART_TOOLTIP_BORDER = '#29456a';

export const TODAY_CHART_TOOLTIP_STYLE = {
  backgroundColor: TODAY_CHART_TOOLTIP_BG,
  border: `1px solid ${TODAY_CHART_TOOLTIP_BORDER}`,
  borderRadius: '6px',
  color: '#f5f9ff',
  fontSize: '12px',
} as const;