@cbnventures/docusaurus-preset-nova 0.17.0 → 0.18.0

package/build/src/styles/presets/sentinel/theme/Footer/Commons/style.css

@@ -1,5 +1,9 @@
 /**
- * Sentinel — Footer (Commons) variant visual styling.
+ * Sentinel - `Footer/Commons` theme overlay.
+ *
+ * Community-focused footer on a near-black watchtower ground with section
+ * grids, a centered social row bordered by neutral hairlines, and a
+ * primary -> accent gradient CTA signature that brightens on hover.
  *
  * @since 0.15.0
  */
@@ -18,11 +22,11 @@
 
 .nova-footer-commons {
   background-color: var(--nova-sentinel-footer-bg, #030710);
-  color: var(--nova-color-neutral-300);
+  color: var(--nova-color-text-muted);
   padding-top: 2.5rem;
   padding-bottom: 1.5rem;
   margin-top: 2.5rem;
-  border-top: 1px solid var(--nova-color-neutral-800);
+  border-top: 1px solid color-mix(in srgb, var(--nova-color-text-inverse), transparent 70%);
 }
 
 @media (min-width: 768px) {
@@ -64,14 +68,14 @@
   font-weight: 700;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  color: var(--nova-color-neutral-100);
+  color: var(--nova-color-text-inverse);
   margin-bottom: 1rem;
 }
 
 .nova-footer-commons-sections nav a {
   padding: 0.3125rem 0;
   font-size: 0.875rem;
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
   text-decoration: none;
   transition: color var(--nova-motion-duration) ease;
 }
@@ -89,8 +93,8 @@
 .nova-footer-commons-social {
   justify-content: center;
   padding: 1.5rem 0;
-  border-top: 1px solid var(--nova-color-neutral-800);
-  border-bottom: 1px solid var(--nova-color-neutral-800);
+  border-top: 1px solid color-mix(in srgb, var(--nova-color-text-inverse), transparent 70%);
+  border-bottom: 1px solid color-mix(in srgb, var(--nova-color-text-inverse), transparent 70%);
 }
 
 .nova-footer-commons-social a {
@@ -99,7 +103,7 @@
   justify-content: center;
   width: 2.25rem;
   height: 2.25rem;
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
   border-radius: var(--nova-shape-radius);
   transition: color var(--nova-motion-duration) ease,
               background-color var(--nova-motion-duration) ease;
@@ -107,8 +111,8 @@
 
 .nova-footer-commons-social a:hover,
 .nova-footer-commons-social a:focus-visible {
-  color: var(--nova-color-neutral-50);
-  background-color: var(--nova-color-neutral-800);
+  color: var(--nova-color-text);
+  background-color: var(--nova-color-border);
 }
 
 /* ============================
@@ -122,6 +126,53 @@
 
 .nova-footer-commons-legal p {
   font-size: 0.8125rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
+  margin: 0;
+}
+
+/* ============================
+ * CTA - preset signature.
+ * ============================ */
+
+.nova-footer-commons-cta {
+  position: relative;
+  padding-block: 3.5rem;
+  text-align: center;
+  background: linear-gradient(135deg, var(--nova-color-primary-600) 0%, var(--nova-color-primary-700) 60%, var(--nova-color-accent-600) 100%);
+  overflow: hidden;
+}
+
+.nova-footer-commons-cta::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  content: "";
+  background: radial-gradient(ellipse at 30% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
+  pointer-events: none;
+}
+
+[data-theme="dark"] .nova-footer-commons-cta {
+  background: linear-gradient(135deg, var(--nova-color-primary-800) 0%, var(--nova-color-primary-900) 60%, color-mix(in srgb, var(--nova-color-accent-500), transparent 85%) 100%);
+}
+
+.nova-footer-commons-cta p {
+  position: relative;
   margin: 0;
+  font-family: var(--nova-font-display);
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--nova-color-text-inverse);
+  line-height: 1.4;
+  letter-spacing: -0.01em;
+}
+
+.nova-footer-commons-cta {
+  transition: filter var(--nova-footer-filter-duration) var(--nova-motion-easing);
+}
+
+.nova-footer-commons-cta:hover,
+.nova-footer-commons-cta:focus-visible {
+  filter: brightness(1.12);
 }

package/build/src/styles/presets/sentinel/theme/Footer/Embassy/style.css

@@ -1,5 +1,9 @@
 /**
- * Sentinel — Footer (Embassy) visual styling.
+ * Sentinel - `Footer/Embassy` theme overlay.
+ *
+ * Directory-style footer with a quiet social header above multi-column
+ * link sections and a legal bar, on neutral light or watchtower-deep
+ * dark. CTA signature uses the primary -> accent gradient.
  *
  * @since 0.15.0
  */
@@ -17,18 +21,18 @@
  * ============================ */
 
 .nova-footer-embassy {
-  background-color: var(--nova-color-neutral-100);
-  border-top: 1px solid var(--nova-color-neutral-200);
+  background-color: var(--nova-color-surface-raised);
+  border-top: 1px solid var(--nova-color-border);
   padding: 0;
 }
 
 [data-theme="dark"] .nova-footer-embassy {
   background-color: var(--nova-sentinel-footer-bg);
-  border-top-color: var(--nova-color-neutral-800);
+  border-top-color: var(--nova-color-border);
 }
 
 /* ============================
- * 2. Footer Header
+ * 3. Footer Header
  * ============================ */
 
 .nova-footer-embassy-header {
@@ -42,12 +46,12 @@
 }
 
 .nova-footer-embassy-social a {
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   transition: color var(--nova-motion-duration) ease;
 }
 
 [data-theme="dark"] .nova-footer-embassy-social a {
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-footer-embassy-social a:hover,
@@ -68,7 +72,7 @@
 }
 
 /* ============================
- * 3. Footer Directory
+ * 4. Footer Directory
  * ============================ */
 
 .nova-footer-embassy-directory {
@@ -89,23 +93,23 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.08em;
-  color: var(--nova-color-neutral-700);
+  color: var(--nova-color-text);
   margin-bottom: 0.75rem;
 }
 
 [data-theme="dark"] .nova-footer-embassy-directory nav h3 {
-  color: var(--nova-color-neutral-300);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-footer-embassy-directory nav a {
   font-size: 0.875rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   padding: 0.25rem 0;
   transition: color var(--nova-motion-duration) ease;
 }
 
 [data-theme="dark"] .nova-footer-embassy-directory nav a {
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-footer-embassy-directory nav a:hover,
@@ -149,12 +153,12 @@
 }
 
 /* ============================
- * 4. Footer Legal Bar
+ * 5. Footer Legal Bar
  * ============================ */
 
 .nova-footer-embassy-legal {
   padding-block: 0.75rem;
-  border-top: 1px solid var(--nova-color-neutral-200);
+  border-top: 1px solid var(--nova-color-border);
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -163,12 +167,12 @@
 }
 
 [data-theme="dark"] .nova-footer-embassy-legal {
-  border-top-color: var(--nova-color-neutral-800);
+  border-top-color: var(--nova-color-border);
 }
 
 .nova-footer-embassy-legal p {
   font-size: 0.75rem;
-  color: var(--nova-color-neutral-600);
+  color: var(--nova-color-text-muted);
   margin: 0;
 }
 
@@ -182,7 +186,7 @@
 }
 
 /* ============================
- * 5. Directory Link Transitions
+ * 6. Directory Link Transitions
  * ============================ */
 
 .nova-footer-embassy-directory nav a {
@@ -190,9 +194,57 @@
 }
 
 /* ============================
- * 6. Social Icon Transitions
+ * 7. Social Icon Transitions
  * ============================ */
 
 .nova-footer-embassy-social a {
   transition: color var(--nova-motion-duration) ease;
 }
+
+/* ============================
+ * CTA - preset signature.
+ * ============================ */
+
+.nova-footer-embassy-cta {
+  position: relative;
+  padding-block: 3.5rem;
+  text-align: center;
+  background: linear-gradient(135deg, var(--nova-color-primary-600) 0%, var(--nova-color-primary-700) 60%, var(--nova-color-accent-600) 100%);
+  overflow: hidden;
+}
+
+.nova-footer-embassy-cta::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  content: "";
+  background: radial-gradient(ellipse at 30% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
+  pointer-events: none;
+}
+
+[data-theme="dark"] .nova-footer-embassy-cta {
+  color: var(--nova-color-text-inverse);
+  background: linear-gradient(135deg, var(--nova-color-primary-800) 0%, var(--nova-color-primary-900) 60%, color-mix(in srgb, var(--nova-color-accent-500), transparent 85%) 100%);
+}
+
+.nova-footer-embassy-cta p {
+  position: relative;
+  margin: 0;
+  font-family: var(--nova-font-display);
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--nova-color-text-inverse);
+  line-height: 1.4;
+  letter-spacing: -0.01em;
+}
+
+.nova-footer-embassy-cta {
+  transition: filter var(--nova-footer-filter-duration) var(--nova-motion-easing);
+}
+
+.nova-footer-embassy-cta:hover,
+.nova-footer-embassy-cta:focus-visible {
+  filter: brightness(1.12);
+}

package/build/src/styles/presets/sentinel/theme/Footer/Launchpad/style.css

@@ -1,5 +1,9 @@
 /**
- * Sentinel — Footer (Launchpad) variant visual styling.
+ * Sentinel - `Footer/Launchpad` theme overlay.
+ *
+ * Action-oriented footer with a primary -> accent gradient CTA leading
+ * into compact link columns and a centered social strip on a neutral
+ * light or watchtower-deep dark ground.
  *
  * @since 0.15.0
  */
@@ -18,13 +22,13 @@
 
 .nova-footer-launchpad {
   font-size: 0.875rem;
-  background-color: var(--nova-color-neutral-100);
-  border-top: 1px solid var(--nova-color-neutral-200);
+  background-color: var(--nova-color-surface-raised);
+  border-top: 1px solid var(--nova-color-border);
 }
 
 [data-theme="dark"] .nova-footer-launchpad {
   background-color: var(--nova-sentinel-footer-bg, #030710);
-  border-top-color: var(--nova-color-neutral-800);
+  border-top-color: var(--nova-color-border);
 }
 
 /* ============================
@@ -60,7 +64,7 @@
   font-family: var(--nova-font-display);
   font-size: 1.25rem;
   font-weight: 700;
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text-inverse);
   line-height: 1.4;
   letter-spacing: -0.01em;
 }
@@ -113,18 +117,18 @@
   font-family: var(--nova-font-display);
   font-size: 0.75rem;
   font-weight: 700;
-  color: var(--nova-color-neutral-700);
+  color: var(--nova-color-text);
   text-transform: uppercase;
   letter-spacing: 0.08em;
 }
 
 [data-theme="dark"] .nova-footer-launchpad-columns nav h3 {
-  color: var(--nova-color-neutral-300);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-footer-launchpad-columns nav a {
   font-size: 0.875rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   text-decoration: none;
   transition: color var(--nova-motion-duration) ease;
 }
@@ -136,7 +140,7 @@
 }
 
 [data-theme="dark"] .nova-footer-launchpad-columns nav a {
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-muted);
 }
 
 [data-theme="dark"] .nova-footer-launchpad-columns nav a:hover,
@@ -156,12 +160,12 @@
 }
 
 .nova-footer-launchpad-social a {
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   transition: color var(--nova-motion-duration) ease;
 }
 
 [data-theme="dark"] .nova-footer-launchpad-social a {
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
 }
 
 .nova-footer-launchpad-social a:hover,
@@ -185,15 +189,24 @@
   justify-content: center;
   gap: 0.5rem;
   padding-block: 1rem;
-  border-top: 1px solid var(--nova-color-neutral-200);
+  border-top: 1px solid var(--nova-color-border);
 }
 
 [data-theme="dark"] .nova-footer-launchpad-legal {
-  border-top-color: var(--nova-color-neutral-800);
+  border-top-color: var(--nova-color-border);
 }
 
 .nova-footer-launchpad-legal p {
   margin: 0;
   font-size: 0.75rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
+}
+
+.nova-footer-launchpad-cta {
+  transition: filter var(--nova-footer-filter-duration) var(--nova-motion-easing);
+}
+
+.nova-footer-launchpad-cta:hover,
+.nova-footer-launchpad-cta:focus-visible {
+  filter: brightness(1.12);
 }

package/build/src/styles/presets/sentinel/theme/Footer/Ledger/style.css

@@ -1,5 +1,9 @@
 /**
- * Sentinel — Footer (Ledger) variant visual styling.
+ * Sentinel - `Footer/Ledger` theme overlay.
+ *
+ * Minimal single-bar footer with copyright, a small link cluster, and
+ * inline social icons on a neutral light or watchtower-deep dark ground.
+ * CTA signature reuses the primary -> accent gradient.
  *
  * @since 0.15.0
  */
@@ -9,15 +13,14 @@
  * ============================ */
 
 .nova-footer-ledger {
-  border-top: 1px solid var(--nova-color-neutral-200);
-  background-color: var(--nova-color-neutral-100);
+  border-top: 1px solid var(--nova-color-border);
+  background-color: var(--nova-color-surface-raised);
   padding: 0.5rem 0;
   font-size: 0.75rem;
 }
 
 [data-theme="dark"] .nova-footer-ledger {
-  border-top-color: var(--nova-color-neutral-800);
-  background-color: var(--nova-sentinel-footer-bg, #030710);
+  background-color: var(--nova-sentinel-footer-bg);
 }
 
 /* ============================
@@ -26,7 +29,7 @@
 
 .nova-footer-ledger p {
   margin: 0;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   font-size: 0.75rem;
 }
 
@@ -35,8 +38,9 @@
  * ============================ */
 
 .nova-footer-ledger-links a {
+  font-family: var(--nova-font-body);
   font-size: 0.75rem;
-  color: var(--nova-color-neutral-500);
+  color: var(--nova-color-text-muted);
   text-decoration: none;
   transition: color var(--nova-motion-duration) ease;
 }
@@ -47,10 +51,6 @@
   text-decoration: none;
 }
 
-[data-theme="dark"] .nova-footer-ledger-links a {
-  color: var(--nova-color-neutral-500);
-}
-
 [data-theme="dark"] .nova-footer-ledger-links a:hover,
 [data-theme="dark"] .nova-footer-ledger-links a:focus-visible {
   color: var(--nova-color-primary-400);
@@ -61,15 +61,11 @@
  * ============================ */
 
 .nova-footer-ledger-social a {
-  color: var(--nova-color-neutral-400);
+  color: var(--nova-color-text-soft);
   text-decoration: none;
   transition: color var(--nova-motion-duration) ease;
 }
 
-[data-theme="dark"] .nova-footer-ledger-social a {
-  color: var(--nova-color-neutral-400);
-}
-
 .nova-footer-ledger-social a:hover,
 .nova-footer-ledger-social a:focus-visible {
   color: var(--nova-color-primary-600);
@@ -81,37 +77,48 @@
 }
 
 /* ============================
- * 5. Responsive
+ * CTA - preset signature.
  * ============================ */
 
-.nova-footer-ledger .nova-footer-ledger-bar {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.375rem;
+.nova-footer-ledger-cta {
+  position: relative;
+  padding-block: 3.5rem;
+  text-align: center;
+  background: linear-gradient(135deg, var(--nova-color-primary-600) 0%, var(--nova-color-primary-700) 60%, var(--nova-color-accent-600) 100%);
+  overflow: hidden;
 }
 
-.nova-footer-ledger-links {
-  flex-direction: column;
-  gap: 0.25rem;
+.nova-footer-ledger-cta::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  content: "";
+  background: radial-gradient(ellipse at 30% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
+  pointer-events: none;
+}
+
+[data-theme="dark"] .nova-footer-ledger-cta {
+  background: linear-gradient(135deg, var(--nova-color-primary-800) 0%, var(--nova-color-primary-900) 60%, color-mix(in srgb, var(--nova-color-accent-500), transparent 85%) 100%);
+}
+
+.nova-footer-ledger-cta p {
+  position: relative;
+  margin: 0;
+  font-family: var(--nova-font-display);
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--nova-color-text-inverse);
+  line-height: 1.4;
+  letter-spacing: -0.01em;
 }
 
-.nova-footer-ledger-social {
-  margin-top: 0.25rem;
+.nova-footer-ledger-cta {
+  transition: filter var(--nova-footer-filter-duration) var(--nova-motion-easing);
 }
 
-@media (min-width: 640px) {
-  .nova-footer-ledger .nova-footer-ledger-bar {
-    flex-direction: row;
-    align-items: center;
-    gap: 0;
-  }
-
-  .nova-footer-ledger-links {
-    flex-direction: row;
-    gap: 0;
-  }
-
-  .nova-footer-ledger-social {
-    margin-top: 0;
-  }
+.nova-footer-ledger-cta:hover,
+.nova-footer-ledger-cta:focus-visible {
+  filter: brightness(1.12);
 }

package/build/src/styles/presets/sentinel/theme/Footer/style.css

@@ -0,0 +1,11 @@
+/**
+ * Sentinel - `Footer` theme overlay (placeholder).
+ *
+ * Each footer variant root (Commons / Embassy / Launchpad / Ledger) carries
+ * its own bg / border / color scheme in its sibling overlay; this file is
+ * intentionally empty so wrapper-level styles cannot win specificity
+ * collisions against variant rules. Consumers adding a custom variant
+ * should provide their own styling.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/presets/sentinel/theme/Heading/style.css

@@ -1,11 +1,44 @@
 /**
- * Sentinel — Typography: headings and responsive heading scales.
+ * Sentinel - Typography: headings and responsive heading scales.
+ *
+ * Mobile-base vertical-rhythm margins flow from shared theme/Heading via
+ * canonical `--nova-h{N}-margin-block-start/end` tokens. Sentinel diverges
+ * on h3/h5/h6 bottom margin (slightly looser than baseline). Responsive
+ * `@media` margin overrides stay as bare-tag rules with literal values
+ * because they're sentinel-identity and not shared across presets.
  *
  * @since 0.15.0
  */
 
+/* ============================
+ * 0. Preset-owned rhythm tokens
+ *
+ * Sentinel's civic editorial voice wants slightly more breathing room
+ * below h3/h5/h6 than the baseline allows.
+ * ============================ */
+
+:root {
+  --nova-sentinel-h3-margin-block-end: 0.625rem;
+  --nova-sentinel-h5-margin-block-end: 0.5rem;
+  --nova-sentinel-h6-margin-block-end: 0.5rem;
+}
+
+/* ============================
+ * 0b. Canonical aliases - consumed by shared theme/Heading
+ * ============================ */
+
+:root {
+  --nova-h3-margin-block-end: var(--nova-sentinel-h3-margin-block-end);
+  --nova-h5-margin-block-end: var(--nova-sentinel-h5-margin-block-end);
+  --nova-h6-margin-block-end: var(--nova-sentinel-h6-margin-block-end);
+}
+
 /* ============================
  * 1. Headings (mobile-first)
+ *
+ * Base margins flow from shared theme/Heading via canonical tokens. This
+ * block sets only typography (font/weight/line-height/letter-spacing/
+ * color/font-size). Responsive `@media` margin overrides live below.
  * ============================ */
 
 h1,
@@ -14,55 +47,34 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--nova-font-display);
   font-weight: 800;
   line-height: 1.15;
   letter-spacing: -0.025em;
-  color: var(--nova-color-neutral-900);
-}
-
-[data-theme="dark"] h1,
-[data-theme="dark"] h2,
-[data-theme="dark"] h3,
-[data-theme="dark"] h4,
-[data-theme="dark"] h5,
-[data-theme="dark"] h6 {
-  color: var(--nova-color-neutral-50);
+  color: var(--nova-color-text);
 }
 
 h1 {
   font-size: 1.75rem;
-  margin-bottom: 1rem;
 }
 
 h2 {
   font-size: 1.375rem;
-  margin-top: 2rem;
-  margin-bottom: 0.75rem;
 }
 
 h3 {
   font-size: 1.1875rem;
-  margin-top: 1.5rem;
-  margin-bottom: 0.625rem;
 }
 
 h4 {
   font-size: 1.0625rem;
-  margin-top: 1.25rem;
-  margin-bottom: 0.5rem;
 }
 
 h5 {
   font-size: 1rem;
-  margin-top: 1rem;
-  margin-bottom: 0.5rem;
 }
 
 h6 {
   font-size: 0.9375rem;
-  margin-top: 1rem;
-  margin-bottom: 0.5rem;
 }
 
 @media (min-width: 640px) {

package/build/src/styles/presets/sentinel/theme/LastUpdated/style.css

@@ -0,0 +1,9 @@
+/**
+ * Sentinel - `LastUpdated` theme overlay (stub).
+ *
+ * Empty until filled in. The shared structural CSS for this Docusaurus theme
+ * component lives at theme/LastUpdated/style.css. Add Sentinel-specific identity rules here when the
+ * design calls for them; see preset.css for tokens and conventions.
+ *
+ * @since 0.18.0
+ */

package/build/src/styles/presets/sentinel/theme/Layout/Provider/style.css

@@ -0,0 +1,9 @@
+/**
+ * Sentinel - `Layout/Provider` theme overlay (stub).
+ *
+ * Empty until filled in. The shared structural CSS for this Docusaurus theme
+ * component lives at theme/Layout/Provider/style.css. Add Sentinel-specific identity rules here when the
+ * design calls for them; see preset.css for tokens and conventions.
+ *
+ * @since 0.18.0
+ */