@conduction/docusaurus-preset 3.44.1 → 3.44.3

package/src/components/PipeFit/PipeFit.module.css

@@ -10,7 +10,7 @@
 .pf {
   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);
 }
@@ -37,7 +37,7 @@
   margin: 0 0 6px;
   font-size: 20px;
   font-weight: 700;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 
 .lede {
@@ -45,7 +45,7 @@
   max-width: 62ch;
   font-size: 14px;
   line-height: 1.5;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 
 .hud {
@@ -59,8 +59,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;
 }
 
@@ -70,7 +70,7 @@
   gap: 4px;
   padding: 16px 12px;
   border-radius: var(--radius-md);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   max-width: 720px;
   overflow-x: auto;
 }
@@ -113,7 +113,7 @@
   height: 84px;
   border: 1px solid var(--c-cobalt-200);
   border-radius: var(--radius-md);
-  background: white;
+  background: var(--conduction-color-surface-card);
   cursor: pointer;
   padding: 0;
   transition: border-color 120ms ease, background 120ms ease;
@@ -123,7 +123,7 @@
 .piece:focus-visible { outline: 2px solid var(--c-blue-cobalt); outline-offset: 2px; }
 
 .joined { border-color: var(--c-mint-500); }
-.gap { border-color: var(--c-orange-knvb); background: var(--c-cobalt-50); }
+.gap { border-color: var(--c-orange-knvb); background: var(--conduction-color-surface-subtle); }
 
 .mouth {
   position: absolute;
@@ -167,7 +167,7 @@
 .idle {
   margin: 0;
   font-size: 14px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 .foot {
@@ -197,7 +197,7 @@
   margin: 0;
   flex-basis: 100%;
   font-size: 12px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   max-width: 60ch;
   min-height: 1.4em;
 }

package/src/components/Pipeline/Pipeline.module.css

@@ -111,7 +111,7 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 10px;
   letter-spacing: 0.16em;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   font-weight: 500;
 }
 
@@ -120,7 +120,7 @@
   font-size: 10px;
   letter-spacing: 0.16em;
   text-transform: uppercase;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   margin-bottom: 8px;
 }
 
@@ -137,12 +137,12 @@
   font-size: 15px;
   font-weight: 700;
   letter-spacing: -0.01em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin-top: 16px;
 }
 .caption {
   font-size: 13px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.5;
   max-width: 26ch;
   margin: 6px auto 0;
@@ -152,7 +152,7 @@
    border, kit-identical. Each item gets a small rounded-square icon
    next to the label. */
 .end {
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
   padding: 18px 20px;
@@ -170,7 +170,7 @@
   font-size: 10px;
   letter-spacing: 0.14em;
   text-transform: uppercase;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   margin-bottom: 14px;
   font-weight: 500;
 }
@@ -188,7 +188,7 @@
   align-items: center;
   gap: 10px;
   font-size: 13px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 
 .endIcon {

package/src/components/PlatformOverview/PlatformOverview.module.css

@@ -4,7 +4,7 @@
  */
 
 .section {
-  background: white;
+  background: var(--conduction-color-surface-card);
   /* Bottom padding deliberately lighter than top: the diagram's
      orange-dashed flow lines around Buildiq extend visually below
      the last text label, so the section already has ~80px of optical
@@ -42,7 +42,7 @@
   font-size: 12px;
   letter-spacing: 0.1em;
   text-transform: uppercase;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   margin-bottom: 16px;
 }
 .eyebrowHex {
@@ -58,7 +58,7 @@
   font-weight: 700;
   line-height: 1.05;
   letter-spacing: -0.02em;
-  color: var(--c-blue-cobalt);
+  color: var(--conduction-color-text-default);
   margin: 0;
   max-width: 16ch;
 }
@@ -70,7 +70,7 @@
 .lede {
   font-size: 16px;
   line-height: 1.55;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin: 0;
   max-width: 50ch;
 }

package/src/components/Prerequisites/Prerequisites.module.css

@@ -10,7 +10,7 @@
   align-items: start;
   font-size: 16px;
   line-height: 1.55;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 
 .bullet {
@@ -27,17 +27,17 @@
 }
 
 .body a {
-  color: var(--c-blue-cobalt);
+  color: var(--conduction-color-text-default);
   text-decoration: underline;
   text-underline-offset: 2px;
 }
-.body a:hover { color: var(--c-cobalt-900); }
+.body a:hover { color: var(--conduction-color-text-strong); }
 
 .body code {
-  background: var(--c-cobalt-100);
+  background: var(--conduction-color-surface-sunken);
   border-radius: 4px;
   padding: 1px 6px;
   font-family: var(--conduction-typography-font-family-code);
   font-size: 14px;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }

package/src/components/PullQuote/PullQuote.module.css

@@ -11,14 +11,14 @@
 .quote {
   position: relative;
   border-left: 4px solid var(--c-orange-knvb);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   padding: var(--space-5) var(--space-6);
   margin: var(--space-7) 0;
   border-radius: 0 var(--radius-md) var(--radius-md) 0;
   font-family: var(--conduction-typography-font-family-body);
   font-size: 22px;
   font-weight: 500;
-  color: var(--c-blue-cobalt);
+  color: var(--conduction-color-text-default);
   line-height: 1.4;
   font-style: italic;
 }
@@ -35,11 +35,11 @@
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 
 .citeName {
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 
 /* Hero variant — larger, eyebrow hex, no italics. For one citable
@@ -60,7 +60,7 @@
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.08em;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin-bottom: var(--space-4);
 }
 

package/src/components/Reconcile/Reconcile.module.css

@@ -9,7 +9,7 @@
 .rc {
   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: 60ch;
   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;
 }
 
@@ -76,7 +76,7 @@
 .column {
   padding: 12px;
   border-radius: var(--radius-md);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
 }
 
 .columnHead {
@@ -85,7 +85,7 @@
   font-size: 11px;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 .list {
@@ -114,7 +114,7 @@
   padding: 9px 12px;
   border: 1px solid var(--c-cobalt-200);
   border-radius: var(--radius-md);
-  background: white;
+  background: var(--conduction-color-surface-card);
   font-family: inherit;
   cursor: pointer;
   text-align: left;
@@ -130,7 +130,7 @@
 /* The payment in hand. */
 .picked {
   border-color: var(--c-blue-cobalt);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   box-shadow: inset 0 0 0 1px var(--c-blue-cobalt);
 }
 
@@ -138,24 +138,24 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 13px;
   font-weight: 600;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   font-variant-numeric: tabular-nums;
 }
 
 .ref {
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 .flag {
   padding: 9px 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: 12px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   cursor: pointer;
   transition: border-color 120ms ease, color 120ms ease;
 }
@@ -181,7 +181,7 @@
 .idle {
   margin: 0;
   font-size: 14px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 .foot {
@@ -211,7 +211,7 @@
   margin: 0;
   flex-basis: 100%;
   font-size: 12px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   max-width: 60ch;
   min-height: 1.4em;
 }

package/src/components/RecordRun/RecordRun.module.css

@@ -9,7 +9,7 @@
 .rr {
   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;
 }
 
@@ -69,7 +69,7 @@
   gap: 6px;
   padding: 12px;
   border-radius: var(--radius-md);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   max-width: 620px;
   min-height: 180px;
 }
@@ -87,12 +87,12 @@
   justify-content: center;
   padding: 2px 6px;
   border-radius: var(--radius-sm);
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   font-size: 10px;
   line-height: 1.15;
   text-align: center;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 /* The lane the record is in, marked down the whole column so the
@@ -112,14 +112,14 @@
 .cellApp {
   background: var(--c-mint-300);
   border-color: var(--c-mint-500);
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   font-weight: 600;
 }
 
 .idle {
   margin: auto;
   font-size: 14px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   text-align: center;
 }
 
@@ -139,10 +139,10 @@
   padding: 10px 8px;
   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: 11px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   cursor: pointer;
   transition: border-color 120ms ease, background 120ms ease;
 }
@@ -152,15 +152,15 @@
 
 .laneHere {
   border-color: var(--c-blue-cobalt);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   font-weight: 600;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 
 .laneKey {
   font-family: var(--conduction-typography-font-family-code);
   font-size: 10px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   border: 1px solid var(--c-cobalt-200);
   border-radius: 3px;
   padding: 0 5px;
@@ -194,7 +194,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/Redaction/Redaction.module.css

@@ -9,7 +9,7 @@
 .rd {
   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: 60ch;
   font-size: 14px;
   line-height: 1.5;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 
 .hud {
@@ -58,15 +58,15 @@
 .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;
 }
 
 .paper {
   border: 1px solid var(--c-cobalt-200);
   border-radius: var(--radius-md);
-  background: white;
+  background: var(--conduction-color-surface-card);
   padding: 18px;
   max-width: 660px;
   min-height: 130px;
@@ -77,7 +77,7 @@
   margin: 0 0 14px;
   font-size: 16px;
   line-height: 1.9;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 
 .word {
@@ -92,7 +92,7 @@
   cursor: pointer;
   transition: background 100ms ease;
 }
-.word:hover:not(:disabled) { background: var(--c-cobalt-100); }
+.word:hover:not(:disabled) { background: var(--conduction-color-surface-sunken); }
 .word:focus-visible { outline: 2px solid var(--c-blue-cobalt); outline-offset: 1px; }
 .word:disabled { cursor: default; }
 
@@ -120,7 +120,7 @@
 .idle {
   margin: 0;
   font-size: 14px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 .foot {
@@ -148,8 +148,8 @@
 .publish:focus-visible { outline: 2px solid var(--c-cobalt-900); outline-offset: 2px; }
 
 .start {
-  background: white;
-  color: var(--c-cobalt-700);
+  background: var(--conduction-color-surface-card);
+  color: var(--conduction-color-text-body);
   border: 1px solid var(--c-cobalt-200);
   padding: 10px 18px;
   border-radius: var(--radius-md);
@@ -159,14 +159,14 @@
   cursor: pointer;
   transition: border-color 120ms ease;
 }
-.start:hover { border-color: var(--c-blue-cobalt); color: var(--c-blue-cobalt); }
+.start:hover { border-color: var(--c-blue-cobalt); color: var(--conduction-color-text-default); }
 .start:focus-visible { outline: 2px solid var(--c-blue-cobalt); outline-offset: 2px; }
 
 .hint {
   margin: 0;
   flex-basis: 100%;
   font-size: 12px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   max-width: 60ch;
   min-height: 1.5em;
 }

package/src/components/ReferenceCard/ReferenceCard.module.css

@@ -8,7 +8,7 @@
 @media (max-width: 900px) { .grid { grid-template-columns: minmax(0, 1fr); } }
 
 .card {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
   padding: 24px;
@@ -26,15 +26,15 @@
   font-size: 10px;
   letter-spacing: 0.1em;
   text-transform: uppercase;
-  color: var(--c-cobalt-700);
-  background: var(--c-cobalt-50);
+  color: var(--conduction-color-text-body);
+  background: var(--conduction-color-surface-subtle);
   padding: 4px 10px;
   border-radius: var(--radius-pill);
   align-self: flex-start;
 }
 
-.name { font-size: 17px; font-weight: 700; margin: 0; color: var(--c-cobalt-900); }
-.what { font-size: 14px; color: var(--c-cobalt-700); line-height: 1.5; margin: 0; }
+.name { font-size: 17px; font-weight: 700; margin: 0; color: var(--conduction-color-text-strong); }
+.what { font-size: 14px; color: var(--conduction-color-text-body); line-height: 1.5; margin: 0; }
 
 .stack {
   display: flex;
@@ -48,8 +48,8 @@
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  background: var(--c-cobalt-50);
-  color: var(--c-cobalt-700);
+  background: var(--conduction-color-surface-subtle);
+  color: var(--conduction-color-text-body);
   padding: 3px 9px;
   border-radius: var(--radius-pill);
   font-size: 11px;

package/src/components/RelatedPosts/RelatedPosts.module.css

@@ -22,7 +22,7 @@
   font-size: 36px;
   font-weight: 700;
   letter-spacing: -0.02em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin: 0;
   line-height: 1.1;
 }

package/src/components/RotatingCards/RotatingCards.module.css

@@ -29,10 +29,10 @@
 .eyebrow .h { width: 10px; height: 12px; clip-path: var(--hex-pointy-top); background: var(--c-orange-knvb); }
 .title {
   font-size: 40px; font-weight: 700; letter-spacing: -0.02em;
-  line-height: 1.1; color: var(--c-cobalt-900); margin: 0 0 var(--space-3);
+  line-height: 1.1; color: var(--conduction-color-text-strong); margin: 0 0 var(--space-3);
   text-wrap: pretty; /* run full width; no artificial two-line balance */
 }
-.lede { font-size: 17px; line-height: 1.5; color: var(--c-cobalt-700); margin: 0; max-width: 70ch; }
+.lede { font-size: 17px; line-height: 1.5; color: var(--conduction-color-text-body); margin: 0; max-width: 70ch; }
 
 /* ---------- The stack ---------- */
 .stack {
@@ -53,7 +53,7 @@
      feel like two distinct planes instead of one fused block. */
   grid-template-columns: 1.15fr 1fr;
   gap: var(--space-8);
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-xl);
   overflow: hidden;
@@ -112,11 +112,11 @@
 
 .tone-workspace   .cardImage { background: var(--c-workspace-300); }
 .tone-workspace   .cardEyebrow,
-.tone-workspace   .cardCta    { color: var(--c-cobalt-700); }
+.tone-workspace   .cardCta    { color: var(--conduction-color-text-body); }
 
-.tone-cobalt      .cardImage { background: var(--c-cobalt-50); }
+.tone-cobalt      .cardImage { background: var(--conduction-color-surface-subtle); }
 .tone-cobalt      .cardEyebrow,
-.tone-cobalt      .cardCta    { color: var(--c-blue-cobalt); }
+.tone-cobalt      .cardCta    { color: var(--conduction-color-text-default); }
 
 /* ---------- Text side ---------- */
 .cardText {
@@ -134,10 +134,10 @@
 }
 .cardTitle {
   font-size: 32px; font-weight: 700; letter-spacing: -0.02em;
-  line-height: 1.15; color: var(--c-cobalt-900); margin: 0;
+  line-height: 1.15; color: var(--conduction-color-text-strong); margin: 0;
 }
 .cardSummary {
-  font-size: 17px; line-height: 1.55; color: var(--c-cobalt-700);
+  font-size: 17px; line-height: 1.55; color: var(--conduction-color-text-body);
   margin: 0;
 }