
// important: not all colors have the same values!
// for instance the red and gray(s) have a slightly lighter border bottom,
// because they look better this way
export const segmentColorsTailwind = {
  blue: `bg-blue-400 shadow-blue-600/50 border-l-blue-400/80 border-r-blue-400/80 border-t-blue-300/40 border-b-blue-500/80 text-blue-900`,
  red: `bg-red-400 shadow-red-600/50 border-l-red-400/80 border-r-red-400/80 border-t-red-300/40 border-b-red-400/80 text-red-900`,
  
  // 
 
  rose: `bg-rose-400 shadow-rose-600/50 border-l-rose-400/80 border-r-rose-400/80 border-t-rose-300/40 border-b-rose-500/80 text-rose-900`,
  green: `bg-green-400 shadow-green-600/50 border-l-green-400/80 border-r-green-400/80 border-t-green-300/40 border-b-green-500/80 text-green-900`,
  
  green2: `bg-[rgb(162,222,83)] shadow-[rgb(122,162,43)]/50 border-l-[rgb(152,192,73)]/80 border-r-[rgb(152,192,73)]/80 border-t-[rgb(172,212,93)]/40 border-b-[rgb(132,172,53)]/80 text-[rgb(52,92,0)]`,
  green3: `bg-[rgb(144,170,137)] shadow-[rgb(124,150,117)]/50 border-l-[rgb(164,190,157)]/80 border-r-[rgb(144,170,137)]/80 border-t-[rgb(174,200,167)]/40 border-b-[rgb(130,157,137)]/80 text-[rgb(44,70,37)]`,
  
  
  violet: `bg-violet-400 shadow-violet-600/50 border-l-violet-400/80 border-r-violet-400/80 border-t-violet-300/40 border-b-violet-500/80 text-violet-900`,
  amber: `bg-amber-400 shadow-amber-600/50 border-l-amber-400/80 border-r-amber-400/80 border-t-amber-300/40 border-b-amber-500/80 text-amber-900`,
  yellow: `bg-yellow-400 shadow-yellow-600/50 border-l-yellow-400/80 border-r-yellow-400/80 border-t-yellow-300/40 border-b-yellow-500/80 text-yellow-900`,
  yellow2: `bg-[rgb(250,204,110)] shadow-[rgb(230,184,90]/50 border-l-[rgb(250,204,110)]/80 border-r-[rgb(250,204,110)]/80 border-t-[rgb(255,224,130)]/40 border-b-[rgb(240,194,100)]/80 text-[rgb(91,72,3)]`,
  
  teal: `bg-teal-400 shadow-teal-600/50 border-l-teal-400/80 border-r-teal-400/80 border-t-teal-300/40 border-b-teal-500/80 text-teal-900`,
  cyan: `bg-cyan-400 shadow-cyan-600/50 border-l-cyan-400/80 border-r-cyan-400/80 border-t-cyan-300/40 border-b-cyan-500/80 text-cyan-900`,
  orange: `bg-orange-400 shadow-orange-600/50 border-l-orange-400/80 border-r-orange-400/80 border-t-orange-300/40 border-b-orange-500/80 text-orange-900`,
  
  orange2: `bg-[rgb(222,162,83)] shadow-[rgb(162,122,43)]/50 border-l-[rgb(192,152,73)]/80 border-r-[rgb(192,152,73)]/80 border-t-[rgb(212,172,93)]/40 border-b-[rgb(172,132,53)]/80 text-[rgb(92,52,0)]`,
  
    // 

  sky: `bg-sky-400 shadow-sky-600/50 border-l-sky-400/80 border-r-sky-400/80 border-t-sky-300/40 border-b-sky-500/80 text-sky-900`,
  stone: `bg-stone-400 shadow-stone-600/50 border-l-stone-400/80 border-r-stone-400/80 border-t-stone-300/40 border-b-stone-400/80 text-stone-700`,
  // stone2: `bg-stone-500 shadow-stone-700/50 border-l-stone-500/80 border-r-stone-500/80 border-t-stone-400/40 border-b-stone-500/80 text-stone-900`,
  sand: `bg-[rgb(200,176,124)] shadow-[rgb(180,156,104)]/50 border-l-[rgb(200,176,124)]/80 border-r-[rgb(200,176,124)]/80 border-t-[rgb(220,196,144)]/40 border-b-[rgb(200,176,124)]/80 text-[rgb(100,76,24)]`,
  
  zinc: `bg-zinc-400 shadow-zinc-600/50 border-l-zinc-400/80 border-r-zinc-400/80 border-t-zinc-300/40 border-b-zinc-400/80 text-zinc-900`,
  zinc2: `bg-zinc-300 shadow-zinc-600/50 border-l-zinc-400/80 border-r-zinc-400/80 border-t-zinc-300/40 border-b-zinc-400/80 text-zinc-600`,
  lime: `bg-lime-400 shadow-lime-600/50 border-l-lime-400/80 border-r-lime-400/80 border-t-lime-300/40 border-b-lime-500/80 text-lime-900`,
  indigo: `bg-indigo-400 shadow-indigo-600/50 border-l-indigo-400/80 border-r-indigo-400/80 border-t-indigo-300/40 border-b-indigo-500/80 text-indigo-900`,
  purple: `bg-purple-400 shadow-purple-600/50 border-l-purple-400/80 border-r-purple-400/80 border-t-purple-300/40 border-b-purple-500/80 text-purple-900`,
  purple2: `bg-[rgb(175,191,203)] shadow-[rgb(145,161,173)]/50 border-l-[rgb(175,191,203)]/80 border-r-[rgb(175,191,203)]/80 border-t-[rgb(195,211,223)]/40 border-b-[rgb(145,151,173)]/80 text-[rgb(65,81,93)]`,

  pink: `bg-pink-400 shadow-pink-600/50 border-l-pink-400/80 border-r-pink-400/80 border-t-pink-300/40 border-b-pink-500/80 text-pink-900`,
  pink2: `bg-[rgb(191,145,184)] shadow-[rgb(121,85,114)]/50 border-l-[rgb(181,145,174)]/80 border-r-[rgb(181,145,174)]/80 border-t-[rgb(211,175,204)]/40 border-b-[rgb(151,115,144)]/80 text-[rgb(81,45,74)]`,
  pink3: `bg-[rgb(191,160,184)] shadow-[rgb(121,100,114)]/50 border-l-[rgb(181,160,174)]/80 border-r-[rgb(181,160,174)]/80 border-t-[rgb(211,190,204)]/40 border-b-[rgb(151,130,144)]/80 text-[rgb(81,60,74)]`,
  
  neutral: `bg-neutral-400 shadow-neutral-600/50 border-l-neutral-400/80 border-r-neutral-400/80 border-t-neutral-400/40 border-b-neutral-500/80 text-neutral-900`,
  neutral2: `bg-[rgb(150,145,135)] shadow-neutral-600/50 border-l-neutral-400/80 border-r-neutral-400/80 border-t-neutral-400/40 border-b-neutral-500/80 text-neutral-700`,
  
  gray: `bg-gray-400 shadow-gray-600/50 border-l-gray-400/80 border-r-gray-400/80 border-t-gray-300/40 border-b-gray-400/80 text-gray-900`,
  gray2: `bg-gray-400 shadow-gray-600/50 border-l-gray-400/80 border-r-gray-400/80 border-t-gray-300/40 border-b-gray-400/80 text-gray-700`,
}

export type SegmentColor = keyof typeof segmentColorsTailwind
