@conduction/docusaurus-preset 3.44.1 → 3.44.3

package/src/components/AtomZones/AtomZones.module.css

@@ -39,7 +39,7 @@
 }
 
 .zoneCard {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
   padding: var(--space-6);
@@ -59,8 +59,8 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 13px;
   font-weight: 500;
-  color: var(--c-blue-cobalt);
-  background: var(--c-cobalt-50);
+  color: var(--conduction-color-text-default);
+  background: var(--conduction-color-surface-subtle);
   padding: 2px 8px;
   border-radius: 3px;
 }
@@ -69,7 +69,7 @@
   margin: 0;
   font-size: 22px;
   font-weight: 600;
-  color: var(--c-blue-cobalt);
+  color: var(--conduction-color-text-default);
   letter-spacing: -0.01em;
 }
 
@@ -78,7 +78,7 @@
   font-size: 10px;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   margin-left: auto;
 }
 
@@ -94,7 +94,7 @@
 
 .lede {
   margin: 0;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   font-size: 14px;
   line-height: 1.55;
 }
@@ -104,7 +104,7 @@
    ============================================================ */
 
 .zoneFrame {
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border-radius: var(--radius-md);
   padding: var(--space-4);
 }
@@ -118,7 +118,7 @@
   max-width: 560px;
   margin: 0 auto;
   aspect-ratio: 16 / 10;
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-1);
@@ -145,7 +145,7 @@
   width: 16px;
   height: 12px;
   border-radius: 6px;
-  background: white;
+  background: var(--conduction-color-surface-card);
 }
 
 .zoneFrame :global(.am-topbar .am-icon) {
@@ -170,7 +170,7 @@
   width: 10px;
   height: 10px;
   border-radius: 50%;
-  background: white;
+  background: var(--conduction-color-surface-card);
 }
 
 /* --- Body wrapper --------------------------------------------- */
@@ -189,7 +189,7 @@
   width: 22%;
   min-width: 100px;
   flex-shrink: 0;
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border-right: 1px solid var(--c-cobalt-100);
   padding: 8px;
   display: flex;
@@ -230,7 +230,7 @@
 }
 
 .zoneFrame :global(.am-nav .am-item.am-active) {
-  background: var(--c-cobalt-100);
+  background: var(--conduction-color-surface-sunken);
 }
 
 .zoneFrame :global(.am-nav .am-item .am-ico) {
@@ -313,7 +313,7 @@
 }
 
 .zoneFrame :global(.am-pageHeader .am-actions .am-btn.am-ghost) {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-200);
 }
 
@@ -330,7 +330,7 @@
   align-items: center;
   gap: 6px;
   padding: 7px 8px;
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border-radius: 4px;
 }
 
@@ -383,7 +383,7 @@
 }
 
 .zoneFrame :global(.am-panel) {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: 4px;
   padding: 8px;
@@ -458,7 +458,7 @@
   width: 26%;
   min-width: 130px;
   flex-shrink: 0;
-  background: white;
+  background: var(--conduction-color-surface-card);
   border-left: 1px solid var(--c-cobalt-100);
   display: flex;
   flex-direction: column;
@@ -476,7 +476,7 @@
   width: 18px;
   height: 18px;
   border-radius: 4px;
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   flex-shrink: 0;
 }
 
@@ -559,7 +559,7 @@
 
 .zoneFrame :global(.am-detail.am-rich .am-sb-input) {
   height: 14px;
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-200);
   border-radius: 3px;
 }
@@ -579,7 +579,7 @@
 
 .zoneFrame :global(.am-detail.am-rich .am-sb-filter .am-field) {
   height: 12px;
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-200);
   border-radius: 2px;
 }

package/src/components/BlueprintRush/BlueprintRush.module.css

@@ -9,7 +9,7 @@
 .br {
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
-  background: white;
+  background: var(--conduction-color-surface-card);
   padding: clamp(16px, 3vw, 28px);
   font-family: var(--conduction-typography-font-family-body);
 }
@@ -36,7 +36,7 @@
   margin: 0 0 6px;
   font-size: 20px;
   font-weight: 700;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 
 .lede {
@@ -44,7 +44,7 @@
   max-width: 58ch;
   font-size: 14px;
   line-height: 1.5;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 
 .hud {
@@ -58,8 +58,8 @@
 .hudPill {
   padding: 6px 10px;
   border-radius: var(--radius-pill);
-  background: var(--c-cobalt-50);
-  color: var(--c-cobalt-900);
+  background: var(--conduction-color-surface-subtle);
+  color: var(--conduction-color-text-strong);
   white-space: nowrap;
 }
 .hudLow {
@@ -84,7 +84,7 @@
   padding: 14px;
   border: 1px dashed var(--c-cobalt-200);
   border-radius: var(--radius-md);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -95,7 +95,7 @@
   align-items: center;
   gap: 10px;
   font-size: 14px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.35;
 }
 
@@ -109,12 +109,12 @@
 .slotDone .slotMark { background: var(--c-mint-500); }
 
 .slotText { flex: 1; }
-.slotDone .slotText { color: var(--c-cobalt-900); }
+.slotDone .slotText { color: var(--conduction-color-text-strong); }
 
 .slotState {
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   white-space: nowrap;
 }
 .slotDone .slotState { color: var(--c-mint-500); }
@@ -130,14 +130,14 @@
   padding: 10px 14px;
   border: 1px solid var(--c-cobalt-200);
   border-radius: var(--radius-pill);
-  background: white;
+  background: var(--conduction-color-surface-card);
   font-family: inherit;
   font-size: 13px;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   cursor: pointer;
   transition: border-color 120ms ease, background 120ms ease;
 }
-.part:hover:not(:disabled) { border-color: var(--c-blue-cobalt); background: var(--c-cobalt-50); }
+.part:hover:not(:disabled) { border-color: var(--c-blue-cobalt); background: var(--conduction-color-surface-subtle); }
 .part:disabled { cursor: default; }
 .part:focus-visible { outline: 2px solid var(--c-blue-cobalt); outline-offset: 2px; }
 
@@ -172,7 +172,7 @@
 .hint {
   margin: 0;
   font-size: 12px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   max-width: 52ch;
   min-height: 1.5em;
 }

package/src/components/BuildMock/BuildMock.module.css

@@ -36,7 +36,7 @@
   width: 100%;
   max-width: 720px;
   aspect-ratio: 16 / 10;
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-3);
@@ -51,7 +51,7 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
   letter-spacing: 0.06em;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   text-transform: uppercase;
   text-align: center;
 }
@@ -90,7 +90,7 @@
   padding: 8px 10px;
 }
 .bm .tile {
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border: 1px solid var(--c-cobalt-100);
 }
 .bm .slot {
@@ -123,7 +123,7 @@
   display: flex;
   flex-direction: column;
   gap: 8px;
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-md);
   box-shadow: var(--shadow-3);
@@ -136,7 +136,7 @@
   display: block;
   height: 18px;
   border-radius: 3px;
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border: 1px solid var(--c-cobalt-100);
 }
 .bm .paletteTileActive { animation: bmPaletteTile var(--bm-dur) linear infinite; }
@@ -174,7 +174,7 @@
   width: 22%;
   left: 76%;
   top: 30%;
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-lavender-500);
   border-radius: var(--radius-md);
   box-shadow: var(--shadow-3);
@@ -226,9 +226,9 @@
 }
 
 @keyframes bmPaletteTile {
-  0%, 22%  { background: var(--c-cobalt-50); border-color: var(--c-cobalt-100); }
-  26%, 34% { background: var(--c-cobalt-100); border-color: var(--c-lavender-500); }
-  38%, 100% { background: var(--c-cobalt-50); border-color: var(--c-cobalt-100); }
+  0%, 22%  { background: var(--conduction-color-surface-subtle); border-color: var(--c-cobalt-100); }
+  26%, 34% { background: var(--conduction-color-surface-sunken); border-color: var(--c-lavender-500); }
+  38%, 100% { background: var(--conduction-color-surface-subtle); border-color: var(--c-cobalt-100); }
 }
 
 @keyframes bmGhost {
@@ -267,7 +267,7 @@
   border-style: solid;
   border-color: var(--c-cobalt-100);
   border-width: 1px;
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
 }
 .bm .static .palette, .bm .static .ghost, .bm .static .cursor { opacity: 0; visibility: hidden; }
 
@@ -284,7 +284,7 @@
     border-style: solid;
     border-color: var(--c-cobalt-100);
     border-width: 1px;
-    background: var(--c-cobalt-50);
+    background: var(--conduction-color-surface-subtle);
   }
   .bm .palette, .bm .ghost, .bm .cursor { opacity: 0; visibility: hidden; }
 }

package/src/components/Clients/Clients.module.css

@@ -16,7 +16,7 @@
  */
 
 .section {
-  background: white;
+  background: var(--conduction-color-surface-card);
   font-family: var(--conduction-typography-font-family-body);
   padding: 96px 64px;
 }
@@ -121,7 +121,7 @@
   left: 0;
   width: var(--hex-w);
   height: var(--hex-h);
-  background: white;
+  background: var(--conduction-color-surface-plate);
   clip-path: var(--hex-pointy-top);
   display: grid;
   place-items: center;
@@ -130,14 +130,14 @@
 .hex::before {
   content: "";
   position: absolute; inset: 0;
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   clip-path: var(--hex-pointy-top);
   z-index: 0;
 }
 .hex::after {
   content: "";
   position: absolute; inset: 1.5px;
-  background: white;
+  background: var(--conduction-color-surface-plate);
   clip-path: var(--hex-pointy-top);
   z-index: 1;
 }

package/src/components/ContentCard/ContentCard.module.css

@@ -16,7 +16,7 @@
   grid-template-columns: 200px 1fr;
   gap: var(--space-6);
   padding: var(--space-5);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border-radius: var(--radius-lg);
   text-decoration: none;
   color: inherit;
@@ -25,7 +25,7 @@
   font-family: var(--conduction-typography-font-family-body);
 }
 .card:hover {
-  background: white;
+  background: var(--conduction-color-surface-card);
   box-shadow: var(--shadow-2);
   transform: translateY(-2px);
   text-decoration: none;
@@ -53,8 +53,8 @@
 .avatar {
   width: 32px;
   height: 32px;
-  background: var(--c-cobalt-100);
-  color: var(--c-cobalt-700);
+  background: var(--conduction-color-surface-sunken);
+  color: var(--conduction-color-text-body);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -73,7 +73,7 @@
 .metaAuthor {
   font-size: 13px;
   font-weight: 600;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   line-height: 1.3;
   overflow-wrap: anywhere;
 }
@@ -81,7 +81,7 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
   letter-spacing: 0.04em;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.3;
   white-space: nowrap;
 }
@@ -90,7 +90,7 @@
   font-size: 11px;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  color: var(--c-blue-cobalt);
+  color: var(--conduction-color-text-default);
   line-height: 1.3;
   margin-top: 2px;
   font-weight: 600;
@@ -99,7 +99,7 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
   letter-spacing: 0.04em;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   line-height: 1.3;
   overflow-wrap: anywhere;
 }
@@ -124,7 +124,7 @@
 .panel-cobalt-deep { background: var(--c-cobalt-900); }
 .panel-mint        { background: var(--c-mint-500); }
 .panel-orange      { background: var(--c-orange-knvb); }
-.panel-cobalt-50   { background: var(--c-cobalt-50); }
+.panel-cobalt-50   { background: var(--conduction-color-surface-subtle); }
 
 .body {
   display: flex;
@@ -137,14 +137,14 @@
   font-size: 18px;
   font-weight: 700;
   letter-spacing: -0.01em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin: 0;
   line-height: 1.3;
 }
 
 .summary {
   font-size: 14px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin: 0;
   line-height: 1.55;
 }
@@ -157,7 +157,7 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 12px;
   letter-spacing: 0.04em;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   text-transform: uppercase;
   margin-top: 2px;
 }
@@ -172,7 +172,7 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
   letter-spacing: 0.04em;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.4;
 }
 

package/src/components/ContentDetailHero/ContentDetailHero.module.css

@@ -17,14 +17,14 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 12px;
   letter-spacing: 0.04em;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   flex-wrap: wrap;
 }
 .crumb a {
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   text-decoration: none;
 }
-.crumb a:hover { color: var(--c-blue-cobalt); }
+.crumb a:hover { color: var(--conduction-color-text-default); }
 .crumb .sep { color: var(--c-cobalt-300); }
 
 .tags {
@@ -37,7 +37,7 @@
   font-size: 44px;
   font-weight: 700;
   letter-spacing: -0.02em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin: 0;
   line-height: 1.1;
 }
@@ -45,7 +45,7 @@
 
 .summary {
   font-size: 18px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.55;
   margin: 0;
   max-width: 60ch;
@@ -62,7 +62,7 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 12px;
   letter-spacing: 0.04em;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 .cover {

package/src/components/ContentTypeFilter/ContentTypeFilter.module.css

@@ -16,9 +16,9 @@
   gap: 6px;
   padding: 6px 14px;
   border-radius: var(--radius-pill);
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   font-family: var(--conduction-typography-font-family-body);
   font-size: 13px;
   font-weight: 500;
@@ -28,10 +28,10 @@
   text-decoration: none;
 }
 .chip:hover {
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border-color: var(--c-cobalt-200);
   text-decoration: none;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 .chip:focus-visible {
   outline: 2px solid var(--c-blue-cobalt);
@@ -54,7 +54,7 @@
 .count {
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   font-weight: 500;
 }
 .chip.active .count { color: var(--c-cobalt-200); }

package/src/components/CtaBanner/CtaBanner.module.css

@@ -11,7 +11,7 @@
   max-width: 1280px;
   margin: 0 auto;
   padding: 96px 64px;
-  background: white;
+  background: var(--conduction-color-surface-card);
   font-family: var(--conduction-typography-font-family-body);
 }
 @media (max-width: 700px) {

package/src/components/DeadlineDefender/DeadlineDefender.module.css

@@ -8,7 +8,7 @@
 .dd {
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
-  background: white;
+  background: var(--conduction-color-surface-card);
   padding: clamp(16px, 3vw, 28px);
   font-family: var(--conduction-typography-font-family-body);
 }
@@ -35,7 +35,7 @@
   margin: 0 0 6px;
   font-size: 20px;
   font-weight: 700;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 
 .lede {
@@ -43,7 +43,7 @@
   max-width: 56ch;
   font-size: 14px;
   line-height: 1.5;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 
 .hud {
@@ -57,8 +57,8 @@
 .hudPill {
   padding: 6px 10px;
   border-radius: var(--radius-pill);
-  background: var(--c-cobalt-50);
-  color: var(--c-cobalt-900);
+  background: var(--conduction-color-surface-subtle);
+  color: var(--conduction-color-text-strong);
   white-space: nowrap;
 }
 
@@ -76,7 +76,7 @@
   border: 1px solid var(--c-cobalt-200);
   border-left: 3px solid var(--c-blue-cobalt);
   border-radius: var(--radius-md);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   padding: 14px 16px;
 }
 
@@ -85,14 +85,14 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
   letter-spacing: 0.06em;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 .fileText {
   margin: 0 0 12px;
   font-size: 15px;
   line-height: 1.45;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 
 .clock {
@@ -113,7 +113,7 @@
 .empty {
   margin: 0;
   font-size: 14px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 .lanes {
@@ -132,22 +132,22 @@
   padding: 14px 10px;
   border: 1px solid var(--c-cobalt-200);
   border-radius: var(--radius-md);
-  background: white;
+  background: var(--conduction-color-surface-card);
   font-family: inherit;
   font-size: 14px;
   font-weight: 500;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   cursor: pointer;
   transition: border-color 120ms ease, background 120ms ease;
 }
-.lane:hover:not(:disabled) { border-color: var(--c-blue-cobalt); background: var(--c-cobalt-50); }
+.lane:hover:not(:disabled) { border-color: var(--c-blue-cobalt); background: var(--conduction-color-surface-subtle); }
 .lane:disabled { opacity: 0.55; cursor: default; }
 .lane:focus-visible { outline: 2px solid var(--c-blue-cobalt); outline-offset: 2px; }
 
 .laneKey {
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   border: 1px solid var(--c-cobalt-200);
   border-radius: 3px;
   padding: 1px 5px;
@@ -179,7 +179,7 @@
 .hint {
   margin: 0;
   font-size: 12px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   max-width: 52ch;
   min-height: 1.5em;
 }