diff --git a/docker/frontend/src/styles/app.css b/docker/frontend/src/styles/app.css
index be27126..42cb421 100644
--- a/docker/frontend/src/styles/app.css
+++ b/docker/frontend/src/styles/app.css
@@ -152,11 +152,11 @@
   text-align: center;
   padding: 4px 2px;
   font-size: 10px;
-  font-weight: 700;
+  font-weight: 400;
   white-space: nowrap;
 }
 .chip-label {
-  font-weight: 700;
+  font-weight: 400;
   letter-spacing: 0.02em;
 }
 .dev-box-title {
@@ -165,6 +165,31 @@
   letter-spacing: 0.05em;
   font-size: 11px;
 }
+/* LIGHT tab main panel chips: WB, TONE, PRESENCE, DETAIL & EFFECTS */
+.dev-panel-head,
+.dev-panel-label,
+.chip[data-key="dev-wb"],
+.chip[data-key="dev-tone"],
+.chip[data-key="dev-presence"],
+.chip[data-key="dev-effects"],
+.chip[data-key^="dev-"] {
+  font-weight: 700;
+  color: var(--accent, #f59e0b);
+}
+.chip[data-key^="dev-"] .chip-label {
+  font-weight: 700;
+}
+/* Sub-chips that MUST NOT be bold: TONE CURVE, DYNAMIC RANGE sub-chips, COLOR CHROME sub-chips */
+.chip[data-key="curve"],
+.chip[data-key="curve"] .chip-label,
+.dev-box[data-key="dev-box-dr"] .chip,
+.dev-box[data-key="dev-box-dr"] .chip .chip-label,
+.chip[data-key^="dr-"],
+.chip[data-key^="dr-"] .chip-label,
+.dev-box[data-key="dev-box-color-chrome"] .chip,
+.dev-box[data-key="dev-box-color-chrome"] .chip .chip-label {
+  font-weight: 400 !important;
+}
 .chip-row.grid .chip {
   justify-content: center; text-align: center;
   /* Two of these share the column's width, so each is its own small card: the