Update global styles and refactor MovieList component: change text color in globals.css, enhance MovieList filtering logic with numeric props, and improve MovieCard layout for better UI consistency.

src/components/atoms/MovieCard/index.tsx

@@ -55,7 +55,7 @@ export const MovieCard: FC<Props> = ({ layout = "default", ...movie }) => {
 
   if (layout === "zeus") {
     return (
-      <article className="flex flex-col w-full shadow-md rounded-lg overflow-hidden bg-white">
+      <article className="flex flex-col w-full shadow-lg rounded-t-lg overflow-hidden bg-black/50 shadow-white/5">
         <figure className="relative ">
           <img
             className="w-full object-cover xl:h-[420px]"
@@ -135,7 +135,7 @@ export const MovieCard: FC<Props> = ({ layout = "default", ...movie }) => {
           </div>
           <p
             className={`text-sm mt-2 flex items-center gap-1 leading-[1.1] ${
-              isReleased ? "text-green-700" : "text-yellow-700"
+              isReleased ? "text-green-700" : "text-yellow-500"
             }`}
           >
             {isReleased ? <RiCalendarCheckLine /> : <RiCalendarScheduleLine />}

src/components/atoms/ReadMore/index.tsx

@@ -12,7 +12,7 @@ export const ReadMore: FC<Props> = ({ text }) => {
     <p
       className={`${
         isOpen ? "line-clamp-none" : "line-clamp-2"
-      } hover:text-primary cursor-pointer`}
+      } hover:text-secondary cursor-pointer`}
       onClick={() => setIsOpen(!isOpen)}
     >
       {text}