@conduction/docusaurus-preset 3.44.2 → 3.45.0

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;
 }
 

package/src/components/SetupSteps/SetupSteps.module.css

@@ -20,7 +20,7 @@
   font-size: 28px;
   font-weight: 700;
   letter-spacing: -0.01em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin: 0 0 var(--space-3);
   line-height: 1.2;
 }
@@ -28,7 +28,7 @@
 .lede {
   font-size: 16px;
   line-height: 1.6;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin: 0 0 var(--space-5);
   max-width: 60ch;
 }
@@ -56,14 +56,14 @@
 .body {
   font-size: 14px;
   line-height: 1.55;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 
 .body strong,
 .bodyTitle {
   display: block;
   margin-bottom: 4px;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   font-size: 17px;
   font-weight: 600;
 }
@@ -73,10 +73,10 @@
 }
 
 .body code {
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   padding: 1px 6px;
   border-radius: 3px;
   font-family: var(--conduction-typography-font-family-code);
   font-size: 13px;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }

package/src/components/Showcase/Showcase.module.css

@@ -25,10 +25,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; }
 
 /* ---------- Body ---------- */
 .body { display: grid; gap: var(--space-8); align-items: stretch; }
@@ -43,7 +43,7 @@
 }
 
 .item {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
   padding: var(--space-4) var(--space-5);
@@ -75,11 +75,11 @@
   width: 32px;
   height: 36px;
   clip-path: var(--hex-pointy-top);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   transition: background 160ms, color 160ms;
 }
 .itemIcon svg {
@@ -98,10 +98,10 @@
 }
 .itemOpen .itemIcon { background: var(--c-blue-cobalt); color: white; }
 
-.itemTitle { font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: var(--c-cobalt-900); margin: 0; }
+.itemTitle { font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: var(--conduction-color-text-strong); margin: 0; }
 .chevron {
   font-family: var(--conduction-typography-font-family-code);
-  font-size: 22px; line-height: 1; color: var(--c-cobalt-400);
+  font-size: 22px; line-height: 1; color: var(--conduction-color-text-muted);
   width: 22px; text-align: center;
 }
 
@@ -109,11 +109,11 @@
   border-color: var(--c-blue-cobalt);
   box-shadow: var(--shadow-2);
 }
-.itemOpen .chevron { color: var(--c-blue-cobalt); }
-.itemOpen .itemTitle { color: var(--c-blue-cobalt); }
+.itemOpen .chevron { color: var(--conduction-color-text-default); }
+.itemOpen .itemTitle { color: var(--conduction-color-text-default); }
 
 .itemBody { display: flex; flex-direction: column; gap: var(--space-3); }
-.itemSummary { font-size: 14px; line-height: 1.55; color: var(--c-cobalt-700); margin: 0; }
+.itemSummary { font-size: 14px; line-height: 1.55; color: var(--conduction-color-text-body); margin: 0; }
 
 .cta {
   align-self: flex-start;
@@ -135,7 +135,7 @@
 
 /* ---------- Right panel ---------- */
 .panel {
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border-radius: var(--radius-xl);
   padding: var(--space-8);
   display: flex;
@@ -160,7 +160,7 @@
   left: 50%;
   transform: translateX(-50%);
   clip-path: var(--hex-pointy-top);
-  background: var(--c-cobalt-100);
+  background: var(--conduction-color-surface-sunken);
   z-index: 0;
   pointer-events: none;
 }

package/src/components/SidebarMock/SidebarMock.module.css

@@ -31,7 +31,7 @@
    identically to its embedded twin, just clipped to the smFrame box.
    Width/height come from the .sb-size-* modifier on the same element. */
 .am .smFrame {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border-radius: var(--radius-md);
   border: 1px solid var(--c-cobalt-100);
   box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.1);
@@ -77,7 +77,7 @@
 /* Section break: thin horizontal rule between sub-sections. */
 .am .sb-body .smBreak {
   height: 1px;
-  background: var(--c-cobalt-100);
+  background: var(--conduction-color-surface-sunken);
   margin: 4px 0;
 }
 

package/src/components/SolutionCard/SolutionCard.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: 28px;
@@ -66,8 +66,8 @@
   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);
 }
@@ -76,13 +76,13 @@
   font-size: 22px;
   font-weight: 700;
   letter-spacing: -0.01em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin: 0;
 }
 
 .outcome {
   font-size: 15px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.55;
   margin: 0;
 }