diff --git a/index.html b/index.html
index e4cac1b..7af7ac4 100644
--- a/index.html
+++ b/index.html
@@ -126,7 +126,7 @@
         }
         .cat-btn.active {
             background: var(--accent);
-            color: #0D0D0D;
+            color: var(--bg);
             border-color: var(--accent);
             font-weight: 600;
         }
@@ -409,7 +409,7 @@
             padding: 10px;
             margin-top: 8px;
             background: var(--accent);
-            color: #0D0D0D;
+            color: var(--bg);
             border: none;
             border-radius: 8px;
             font-family: inherit;
@@ -587,7 +587,7 @@
             width: 100%;
             padding: 12px;
             background: var(--accent);
-            color: #0D0D0D;
+            color: var(--bg);
             border: none;
             border-radius: 8px;
             font-family: inherit;
@@ -612,7 +612,7 @@
 </head>
 <body>
 <a href="#main-content" class="skip-link" tabindex="0"
-   style="position:absolute;top:-100%;left:8px;background:var(--accent);color:#0D0D0D;padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;z-index:10000;text-decoration:none">
+   style="position:absolute;top:-100%;left:8px;background:var(--accent);color:var(--bg);padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;z-index:10000;text-decoration:none">
     コンテンツへスキップ
 </a>
 
