@conduction/docusaurus-preset 3.44.2 → 3.45.0

package/src/components/LeafMock/LeafMock.module.css

@@ -29,7 +29,7 @@
   width: 100%;
   max-width: 360px;
   aspect-ratio: 4 / 3;
-  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);
@@ -47,13 +47,13 @@
   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;
 }
 
 .lm .empty {
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   font-size: 13px;
 }
 
@@ -112,7 +112,7 @@
 .lm .phoneScreen {
   height: 100%;
   border-radius: 4px;
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   padding: 6px 4px;
   display: flex;
   flex-direction: column;
@@ -137,7 +137,7 @@
 .lm .day {
   aspect-ratio: 1;
   border-radius: 3px;
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border: 1px solid var(--c-cobalt-100);
 }
 .lm .dayActive { background: var(--c-lavender-300); border-color: var(--c-lavender-500); }
@@ -146,7 +146,7 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-sm);
   box-shadow: var(--shadow-1);
@@ -169,7 +169,7 @@
   stroke-width: 2;
   stroke-linecap: round;
   stroke-linejoin: round;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 /* ---- Mail leaf ---- */
@@ -188,7 +188,7 @@
   border-radius: var(--radius-sm);
   border: 1px solid transparent;
 }
-.lm .mailRowActive { background: var(--c-cobalt-50); border-color: var(--c-cobalt-100); }
+.lm .mailRowActive { background: var(--conduction-color-surface-subtle); border-color: var(--c-cobalt-100); }
 .lm .mailDot {
   width: 16px;
   height: 16px;

package/src/components/LockPick/LockPick.module.css

@@ -9,7 +9,7 @@
 .lp {
   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;
 }
 
@@ -70,7 +70,7 @@
   gap: 24px;
   padding: 18px;
   border-radius: var(--radius-md);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   max-width: 620px;
 }
 
@@ -80,7 +80,7 @@
   height: 104px;
   flex-shrink: 0;
   border-radius: 50%;
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 2px solid var(--c-cobalt-200);
   overflow: hidden;
 }
@@ -118,7 +118,7 @@
 .dialLabel {
   display: block;
   font-size: 12px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin-bottom: 6px;
 }
 
@@ -131,7 +131,7 @@
 .feel {
   margin: 10px 0 0;
   font-size: 13px;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   min-height: 1.4em;
 }
 
@@ -145,7 +145,7 @@
 .pickLabel {
   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;
 }
 
@@ -189,8 +189,8 @@
 .turn: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);
@@ -200,13 +200,13 @@
   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; }
 
 .feedback {
   margin: 0;
   flex-basis: 100%;
   font-size: 13px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   min-height: 1.5em;
 }

package/src/components/ManagedCommonGround/ManagedCommonGround.module.css

@@ -8,7 +8,7 @@
 
 .footnote {
   font-size: 13px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   text-align: center;
   margin: var(--space-5) auto 0;
   max-width: 64ch;

package/src/components/McpToolShelf/McpToolShelf.module.css

@@ -28,9 +28,9 @@
 }
 .title {
   font-size: 36px; 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);
 }
-.lede { font-size: 17px; line-height: 1.5; color: var(--c-cobalt-700); margin: 0; }
+.lede { font-size: 17px; line-height: 1.5; color: var(--conduction-color-text-body); margin: 0; }
 
 .layout {
   display: grid;
@@ -52,7 +52,7 @@
 }
 
 .card {
-  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);
@@ -102,7 +102,7 @@
   font-size: 16px;
   font-weight: 600;
   letter-spacing: -0.005em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin: 0;
   line-height: 1.3;
 }
@@ -111,8 +111,8 @@
   font-family: var(--conduction-typography-font-family-code);
   font-size: 11px;
   font-weight: 500;
-  color: var(--c-cobalt-700);
-  background: var(--c-cobalt-50);
+  color: var(--conduction-color-text-body);
+  background: var(--conduction-color-surface-subtle);
   padding: 1px 6px;
   border-radius: var(--radius-sm);
   align-self: flex-start;
@@ -133,7 +133,7 @@
 .cardDesc {
   font-size: 14px;
   line-height: 1.55;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin: 0;
 }
 
@@ -155,7 +155,7 @@
   font-size: 11px;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 .legendItem {
   display: inline-flex;

package/src/components/MockScene/MockScene.module.css

@@ -53,7 +53,7 @@
    reads as a heavy border. So inside .sceneItem the .wmFrame becomes
    white-on-white with a soft shadow, matching the SidebarMock chrome. */
 .am .sceneItem .wmFrame {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   padding: 12px;
   box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.1);

package/src/components/ModuleCard/ModuleCard.module.css

@@ -9,7 +9,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;
@@ -18,7 +18,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;
@@ -59,8 +59,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;
@@ -79,7 +79,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;
 }
@@ -87,7 +87,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;
 }
@@ -96,7 +96,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;
@@ -105,7 +105,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;
 }
@@ -125,14 +125,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;
 }
 
 .lede {
   font-size: 14px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin: 0;
   line-height: 1.55;
 }
@@ -141,7 +141,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;
   margin-top: 4px;
 }

package/src/components/ModulePage/ModulePage.module.css

@@ -15,7 +15,7 @@
   font-size: 12px;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   margin-bottom: var(--space-3);
 }
 
@@ -23,14 +23,14 @@
   font-size: 36px;
   font-weight: 700;
   letter-spacing: -0.015em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   line-height: 1.15;
   margin: 0 0 var(--space-3);
 }
 
 .lede {
   font-size: 18px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.55;
   margin: 0 0 var(--space-4);
 }
@@ -42,7 +42,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;
 }
 
@@ -52,7 +52,7 @@
   padding: var(--space-4) 0 var(--space-5);
   max-width: 720px;
   font-size: 16px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.7;
 }
 
@@ -64,7 +64,7 @@
   font-size: 22px;
   font-weight: 700;
   letter-spacing: -0.01em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin: 0 0 var(--space-4);
 }
 
@@ -74,15 +74,15 @@
 }
 .notFound h1 {
   font-size: 28px;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin-bottom: var(--space-3);
 }
 .notFound p {
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.6;
 }
 .notFound code {
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   padding: 2px 6px;
   border-radius: 4px;
   font-family: var(--conduction-typography-font-family-code);

package/src/components/MonsterRun/MonsterRun.module.css

@@ -10,7 +10,7 @@
 .mr {
   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: 58ch;
   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;
 }
 
@@ -76,7 +76,7 @@
   height: 132px;
   padding: 0 12px 14px;
   border-radius: var(--radius-md);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   overflow: hidden;
 }
 
@@ -164,7 +164,7 @@
 }
 .part {
   background: var(--c-mint-300);
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   font-weight: 600;
 }
 
@@ -174,7 +174,7 @@
 .ahead {
   margin: 10px 0 0;
   font-size: 13px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   min-height: 1.4em;
 }
 
@@ -187,8 +187,8 @@
 }
 
 .action {
-  background: white;
-  color: var(--c-cobalt-900);
+  background: var(--conduction-color-surface-card);
+  color: var(--conduction-color-text-strong);
   border: 1px solid var(--c-cobalt-200);
   padding: 10px 20px;
   border-radius: var(--radius-md);
@@ -198,7 +198,7 @@
   cursor: pointer;
   transition: border-color 120ms ease;
 }
-.action:hover:not(:disabled) { border-color: var(--c-blue-cobalt); color: var(--c-blue-cobalt); }
+.action:hover:not(:disabled) { border-color: var(--c-blue-cobalt); color: var(--conduction-color-text-default); }
 .action:disabled { opacity: 0.5; cursor: default; }
 .action:focus-visible { outline: 2px solid var(--c-blue-cobalt); outline-offset: 2px; }
 
@@ -221,7 +221,7 @@
   margin: 0;
   flex-basis: 100%;
   font-size: 12px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   min-height: 1.4em;
 }
 

package/src/components/NewsletterCta/NewsletterCta.module.css

@@ -8,7 +8,7 @@
   grid-template-columns: 1.1fr 1fr;
   gap: var(--space-12);
   padding: var(--space-12);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border-radius: var(--radius-xl);
   align-items: center;
   font-family: var(--conduction-typography-font-family-body);
@@ -23,14 +23,14 @@
   font-size: 28px;
   font-weight: 700;
   letter-spacing: -0.02em;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin: 0 0 var(--space-3);
   line-height: 1.2;
 }
 
 .lede {
   font-size: 16px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin: 0;
   line-height: 1.55;
   max-width: 42ch;
@@ -49,13 +49,13 @@
   padding: 12px 16px;
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-md);
-  background: white;
-  color: var(--c-cobalt-900);
+  background: var(--conduction-color-surface-card);
+  color: var(--conduction-color-text-strong);
   font-family: var(--conduction-typography-font-family-body);
   font-size: 14px;
   min-width: 0;
 }
-.input::placeholder { color: var(--c-cobalt-400); }
+.input::placeholder { color: var(--conduction-color-text-muted); }
 .input:focus {
   outline: none;
   border-color: var(--c-blue-cobalt);
@@ -79,7 +79,7 @@
 .fineprint {
   margin: var(--space-3) 0 0;
   font-size: 12px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   font-family: var(--conduction-typography-font-family-code);
   letter-spacing: 0.04em;
 }
@@ -98,6 +98,6 @@
 }
 .inverse .input::placeholder { color: var(--c-cobalt-300); }
 .inverse .input:focus { border-color: white; }
-.inverse .submit { background: white; color: var(--c-cobalt-900); }
-.inverse .submit:hover { background: var(--c-cobalt-50); }
+.inverse .submit { background: var(--conduction-color-surface-card); color: var(--conduction-color-text-strong); }
+.inverse .submit:hover { background: var(--conduction-color-surface-subtle); }
 .inverse .fineprint { color: var(--c-cobalt-300); }

package/src/components/NextSteps/NextSteps.module.css

@@ -7,14 +7,14 @@
   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;
 }
 
 .lede {
   font-size: 17px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.6;
   margin: 0 0 var(--space-5);
 }
@@ -35,7 +35,7 @@
   display: grid;
   gap: var(--space-2);
   padding: var(--space-5) var(--space-5) var(--space-4);
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-md);
   text-decoration: none;
@@ -52,24 +52,24 @@ a.card:hover {
 .card .title {
   font-size: 16px;
   font-weight: 700;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin: 0;
   line-height: 1.3;
 }
 
 .card .body {
   font-size: 14px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.55;
 }
 
 .card .body code {
-  background: var(--c-cobalt-100);
+  background: var(--conduction-color-surface-sunken);
   border-radius: 4px;
   padding: 1px 5px;
   font-family: var(--conduction-typography-font-family-code);
   font-size: 13px;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 
 .cta {
@@ -80,10 +80,10 @@ a.card:hover {
   font-size: 12px;
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--c-blue-cobalt);
+  color: var(--conduction-color-text-default);
   margin-top: var(--space-1);
 }
 
 a.card:hover .cta {
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }

package/src/components/Outcomes/Outcomes.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);
 }
 
 .check {
@@ -26,17 +26,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);
 }