export const lightPrimary = { "50": "#98A3FF", "100": "#7F8CFF", "200": "#6575FF", "300": "#4C5EFF", "400": "#3237FF", "500": "#373EDF", // Provided color "600": "#2428B6", "700": "#111F8D", "800": "#001665", "900": "#000B3C", active: "#004cfc", }; export const lightSecondary = { "50": "#F7FFD7", "100": "#ECFFB0", "200": "#E0FF89", "300": "#D5FF62", "400": "#CAFF3B", "500": "#B3F36C", "600": "#9ED25E", "700": "#8AAF50", "800": "#758D42", "900": "#606B34", }; export const lightTertiary = { 100: "#c0d98c", // Lighter shade 200: "#a6cf75", 300: "#8cc65d", 400: "#72bc46", // Primary color 500: "#58b22f", 600: "#3ea917", 700: "#249e00", 800: "#0a9400", // Darker shade }; export const lightThemeColors = { primary: lightPrimary, secondary: lightSecondary, tertiary: lightTertiary, };