fix: make incomplete steps in accordion look disabled

components/HotelReservation/EnterDetails/SectionAccordion/index.tsx

@@ -61,6 +61,9 @@ export default function SectionAccordion({
   function onModify() {
     navigate(step)
   }
+
+  const textColor =
+    isComplete || isOpen ? "uiTextHighContrast" : "baseTextDisabled"
   return (
     <section className={styles.wrapper} data-open={isOpen} data-step={step}>
       <div className={styles.iconWrapper}>
@@ -78,15 +81,11 @@ export default function SectionAccordion({
               asChild
               textTransform="uppercase"
               type="label"
-              color="uiTextHighContrast"
+              color={textColor}
             >
               <h2>{header}</h2>
             </Footnote>
-            <Subtitle
-              className={styles.selection}
-              type="two"
-              color="uiTextHighContrast"
-            >
+            <Subtitle className={styles.selection} type="two" color={textColor}>
               {title}
             </Subtitle>
 

components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/PriceList/index.tsx

@@ -81,7 +81,7 @@ export default function PriceList({
               </Body>
             </div>
           ) : (
-            <Subtitle type="two" color="disabled">
+            <Subtitle type="two" color="baseTextDisabled">
               {intl.formatMessage({ id: "n/a" })}
             </Subtitle>
           )}