@conduction/docusaurus-preset 3.44.1 → 3.44.3

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

package/src/components/PaintByTokens/PaintByTokens.module.css

@@ -12,7 +12,7 @@
 .pbt {
   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);
 }
@@ -39,7 +39,7 @@
   margin: 0 0 6px;
   font-size: 20px;
   font-weight: 700;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 
 .lede {
@@ -47,7 +47,7 @@
   max-width: 58ch;
   font-size: 14px;
   line-height: 1.5;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
 }
 
 .hud {
@@ -61,8 +61,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 { background: var(--c-orange-knvb); color: white; }
@@ -88,10 +88,10 @@
   padding: 7px 12px 7px 8px;
   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: 12px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   cursor: pointer;
   transition: border-color 120ms ease;
 }
@@ -109,15 +109,15 @@
 
 .swatchOn {
   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);
 }
 
 .swatchKey {
   font-family: var(--conduction-typography-font-family-code);
   font-size: 10px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
 }
 
 .swatchName { white-space: nowrap; }
@@ -128,7 +128,7 @@
   max-width: 460px;
   padding: 10px;
   border-radius: var(--radius-md);
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   min-height: 120px;
 }
 
@@ -136,10 +136,10 @@
   aspect-ratio: 1;
   border: 1px solid var(--c-cobalt-200);
   border-radius: var(--radius-sm);
-  background: white;
+  background: var(--conduction-color-surface-card);
   font-family: var(--conduction-typography-font-family-code);
   font-size: 10px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   cursor: pointer;
   padding: 0;
   transition: background 120ms ease, border-color 120ms ease;
@@ -158,7 +158,7 @@
   grid-column: 1 / -1;
   margin: auto;
   font-size: 14px;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   text-align: center;
 }
 
@@ -188,7 +188,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/PairCard/PairCard.module.css

@@ -8,7 +8,7 @@
 @media (max-width: 900px) { .row { 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: 20px;
@@ -50,5 +50,5 @@
   stroke: none;
 }
 
-.name { font-size: 15px; font-weight: 600; margin-bottom: 4px; color: var(--c-cobalt-900); }
-.why { font-size: 13px; color: var(--c-cobalt-700); line-height: 1.5; }
+.name { font-size: 15px; font-weight: 600; margin-bottom: 4px; color: var(--conduction-color-text-strong); }
+.why { font-size: 13px; color: var(--conduction-color-text-body); line-height: 1.5; }

package/src/components/PartnerCard/PartnerCard.module.css

@@ -13,7 +13,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;
@@ -60,12 +60,12 @@
   padding: 4px 9px;
   border-radius: var(--radius-pill);
   font-weight: 600;
-  background: var(--c-cobalt-50);
-  color: var(--c-cobalt-700);
+  background: var(--conduction-color-surface-subtle);
+  color: var(--conduction-color-text-body);
 }
 
 /* Service tier: gold pill on a white card. */
-.tier-service .tier { background: var(--c-gold-500); color: var(--c-cobalt-900); }
+.tier-service .tier { background: var(--c-gold-500); color: var(--conduction-color-text-strong); }
 
 /* Certified tier: cobalt-fill inverse card. The compound .card.tier-certified
    selector is deliberate — it lifts specificity above the plain .card rule
@@ -73,13 +73,13 @@
    after CSS-module bundlers reshuffle declaration order. Same for the
    nested colour rules below. */
 .card.tier-certified { background: var(--c-blue-cobalt); color: white; border-color: var(--c-blue-cobalt); }
-.tier-certified .tier { background: white; color: var(--c-blue-cobalt); }
+.tier-certified .tier { background: var(--conduction-color-surface-card); color: var(--conduction-color-text-default); }
 
 .avatar {
   display: inline-flex;
   align-items: center;
   align-self: flex-start;
-  background: white;
+  background: var(--conduction-color-surface-plate);
   padding: 8px 12px;
   border-radius: var(--radius-sm);
   height: 36px;
@@ -94,10 +94,10 @@
   display: block;
 }
 
-.name { font-size: 18px; font-weight: 700; color: var(--c-cobalt-900); }
+.name { font-size: 18px; font-weight: 700; color: var(--conduction-color-text-strong); }
 .tier-certified .name { color: white; }
 
-.summary { font-size: 14px; line-height: 1.55; color: var(--c-cobalt-700); }
+.summary { font-size: 14px; line-height: 1.55; color: var(--conduction-color-text-body); }
 .summary :global(.next-blue) { color: var(--c-nextcloud-blue); }
 .tier-certified .summary { color: rgba(255, 255, 255, 0.78); }
 .tier-certified .summary :global(.next-blue) { color: var(--c-nextcloud-cyan); }
@@ -116,8 +116,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: 4px 10px;
   border-radius: var(--radius-pill);
   font-size: 12px;
@@ -138,14 +138,14 @@ a.appPill:hover {
   text-decoration: none;
 }
 .card.tier-certified a.appPill:hover {
-  background: white;
-  color: var(--c-blue-cobalt);
+  background: var(--conduction-color-surface-card);
+  color: var(--conduction-color-text-default);
 }
 .tier-certified .appPill { background: rgba(255, 255, 255, 0.12); color: white; }
 
 /* Become-a-partner CTA tile */
 .become {
-  background: var(--c-cobalt-50);
+  background: var(--conduction-color-surface-subtle);
   border: 1px dashed var(--c-cobalt-300);
   box-shadow: none;
   align-items: flex-start;
@@ -159,7 +159,7 @@ a.appPill:hover {
   font-size: 11px;
   letter-spacing: 0.12em;
   text-transform: uppercase;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   margin-bottom: 8px;
 }
 .becomeTitle {
@@ -167,17 +167,17 @@ a.appPill:hover {
   font-weight: 700;
   letter-spacing: -0.01em;
   margin: 0 0 6px;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
 }
 .becomeBody {
   font-size: 14px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.55;
   margin: 0 0 14px;
   max-width: 56ch;
 }
 .becomeArrow {
-  color: var(--c-blue-cobalt);
+  color: var(--conduction-color-text-default);
   font-weight: 600;
   font-size: 14px;
 }
@@ -188,7 +188,7 @@ a.appPill:hover {
    name + why on the right; tier-coloured ring echoes the full
    card's tier styling. */
 .other {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
   padding: 20px;
@@ -210,7 +210,7 @@ a.appPill:hover {
   width: 44px;
   height: 50px;
   clip-path: var(--hex-pointy-top);
-  background: white;
+  background: var(--conduction-color-surface-card);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -228,11 +228,11 @@ a.appPill:hover {
 .otherName {
   font-size: 15px;
   font-weight: 600;
-  color: var(--c-cobalt-900);
+  color: var(--conduction-color-text-strong);
   margin-bottom: 4px;
 }
 .otherWhy {
   font-size: 13px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   line-height: 1.5;
 }

package/src/components/PartnerDirectory/PartnerDirectory.module.css

@@ -11,7 +11,7 @@
 
 .empty {
   font-size: 16px;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   text-align: center;
   padding: 64px 0 32px;
   margin: 0;

package/src/components/PartnerSidecard/PartnerSidecard.module.css

@@ -17,7 +17,7 @@
 /* ---------- Tier card ---------- */
 
 .tierCard {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
   padding: var(--space-5);
@@ -51,7 +51,7 @@
   font-size: 11px;
   letter-spacing: 0.12em;
   text-transform: uppercase;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin-bottom: var(--space-2);
   font-weight: 600;
 }
@@ -61,7 +61,7 @@
 .tierBlurb {
   font-size: 13px;
   line-height: 1.5;
-  color: var(--c-cobalt-700);
+  color: var(--conduction-color-text-body);
   margin: 0;
 }
 .tier-certified .tierBlurb { color: rgba(255, 255, 255, 0.85); }
@@ -69,7 +69,7 @@
 /* ---------- Generic section ---------- */
 
 .section {
-  background: white;
+  background: var(--conduction-color-surface-card);
   border: 1px solid var(--c-cobalt-100);
   border-radius: var(--radius-lg);
   padding: var(--space-5);
@@ -81,7 +81,7 @@
   font-size: 11px;
   letter-spacing: 0.12em;
   text-transform: uppercase;
-  color: var(--c-cobalt-400);
+  color: var(--conduction-color-text-muted);
   font-weight: 600;
   margin: 0 0 var(--space-3);
 }
@@ -97,8 +97,8 @@
 .chip {
   display: inline-flex;
   align-items: center;
-  background: var(--c-cobalt-50);
-  color: var(--c-cobalt-700);
+  background: var(--conduction-color-surface-subtle);
+  color: var(--conduction-color-text-body);
   padding: 4px 10px;
   border-radius: var(--radius-pill);
   font-size: 12px;
@@ -128,8 +128,8 @@ a.chip:hover {
   gap: var(--space-3);
   padding: var(--space-2) var(--space-3);
   border-radius: var(--radius-md);
-  background: var(--c-cobalt-50);
-  color: var(--c-cobalt-900);
+  background: var(--conduction-color-surface-subtle);
+  color: var(--conduction-color-text-strong);
   text-decoration: none;
   transition: background 160ms, color 160ms;
 }