design: 적용되지 않은 font color 설정

frontend/src/components/Article/ArticleDetail/ArticleDetail.module.css

@@ -4,6 +4,7 @@
   gap: 20px;
   width: 100%;
   background-color: var(--background-default);
+  color: var(--text-color);
   box-sizing: border-box;
   margin: 0;
   padding: 0;

frontend/src/components/Article/ArticlePreview/ArticlePreview.module.css

@@ -27,6 +27,7 @@
   flex-direction: column;
   flex-wrap: nowrap;
   gap: 12px 0;
+  color: var(--text-color);
 }
 
 .content {

frontend/src/components/ArticleBoard/ArticleBoard.jsx

@@ -14,7 +14,7 @@ export default function ArticleBoard({ title, canCreate, children }) {
             to="write"
           >
             <EditIcon className={styles.icon} />
-            <div className={styles.buttonText}>글쓰기</div>
+            <span>글쓰기</span>
           </Link>
         )}
       </div>

frontend/src/components/ArticleBoard/ArticleBoard.module.css

@@ -5,6 +5,7 @@
   gap: 12px;
   align-items: flex-start;
   background-color: var(--background);
+  color: var(--text-color);
 }
 
 .header {
@@ -33,6 +34,7 @@
   font-size: 14px;
   line-height: 1.4;
   font-weight: 700;
+  color: var(--text-color);
   cursor: pointer;
 }
 
@@ -40,13 +42,6 @@
   stroke: var(--text-color);
 }
 
-.buttonText {
-  font-family: inherit;
-  font-size: 16px;
-  line-height: 1.4;
-  font-weight: 700;
-}
-
 .article {
   display: flex;
   flex-direction: column;

frontend/src/components/AuthForm/AuthForm.module.css

@@ -6,6 +6,7 @@
   align-items: center;
   padding: 0 40px;
   gap: 20px;
+  color: var(--text-color);
 }
 
 .loginText {

frontend/src/components/ClassCard/ClassCard.module.css

@@ -5,6 +5,7 @@
   font-size: 16px;
   line-height: 1.4;
   font-weight: 400;
+  color: var(--text-color);
 }
 
 .thumbnail {

frontend/src/components/ClassInfo/ClassInfo.module.css

@@ -6,6 +6,7 @@
   padding: 20px;
   border-radius: 20px;
   background-color: var(--background);
+  color: var(--text-color);
   border: 1px solid var(--border-color);
   box-sizing: border-box;
 }
@@ -51,5 +52,6 @@
   font-size: 16px;
   font-weight: 700;
   line-height: 1.4;
-  color: var(--whiteOpacity900);
+  color: var(--on-primary);
+  cursor: pointer;
 }

frontend/src/components/LectureHeader/LectureHeader.module.css

@@ -2,6 +2,7 @@
   width: 100%;
   background-color: var(--background);
   border-bottom: 1px solid var(--border-color);
+  color: var(--text-color);
   margin: 20px 0 40px;
 }
 

frontend/src/pages/LearningLecturesPage/LearningLecturesPage.module.css

@@ -21,10 +21,10 @@
   font-size: 16px;
   line-height: 1.4;
   font-weight: 400;
+  color: var(--text-color);
 }
 
 .thumbnail {
-  width: 286.66px;
   height: 220px;
   border-radius: 20px;
   background-color: var(--background-secondary);

frontend/src/pages/LectureInfoPage/LectureInfoPage.module.css

@@ -3,6 +3,7 @@
   flex-direction: column;
   gap: 10px;
   margin-bottom: 40px;
+  color: var(--text-color);
 
   & > h2 {
     font-size: 24px;

frontend/src/pages/PasswordResetPage/PasswordResetPage.module.css

@@ -3,6 +3,7 @@
   padding-top: 20px;
   max-width: 480px;
   margin: 0 auto;
+  color: var(--text-color);
 }
 
 .loginGroup {