/**
 * Default theme for the RadarChart component
 *
 * SVG stroke/fill attributes use raw hex values because CSS variables
 * are not resolved inside SVG attribute strings.  Tailwind utility
 * classes are used only for the HTML wrapper elements (labels, legend).
 */
const radarChartTheme = {
    // Outer wrapper
    baseStyle: "flex flex-col items-center gap-4",
    // Grid ring stroke color (gray-200 equivalent)
    gridColor: "#e5e7eb",
    // Axis spoke stroke color (gray-300 equivalent)
    axisColor: "#d1d5db",
    // Axis label classes (applied to <text> elements via className)
    labelStyle: "text-sm fill-[#6b7280] select-none",
    // Legend container
    legendStyle: "flex flex-wrap items-center justify-center gap-x-6 gap-y-2",
    // Individual legend item
    legendItemStyle: "flex items-center gap-2 text-base",
    // Colored dot in legend
    legendDotStyle: "w-2.5 h-2.5 rounded-full shrink-0",
    // Legend label text
    legendLabelStyle: "text-[var(--color-text-secondary)]",
};

export { radarChartTheme };
