@shoalrun/cli 0.0.0-stage → 0.1.0-alpha.11

package/styles/themes/ledger.css

@@ -0,0 +1,93 @@
+/* Ledger: a dense technical manual with square corners, hard rules, and monospace headings. */
+:root {
+  --font-body: "Source Serif 4", "Source Serif 4 Fallback", "Iowan Old Style", "Palatino Linotype", Palatino, Charter, Georgia, serif;
+  --font-code: "JetBrains Mono", "JetBrains Mono Fallback", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+  --font-ui: var(--font-code);
+  --font-heading: var(--font-ui);
+  --radius-small: 0;
+  --radius-panel: 0;
+  --width-site: 104rem;
+  --width-reference: 104rem;
+}
+:root{font-size:17px;line-height:1.6}
+
+/* A black masthead with a monospace imprint. */
+.mast{border-bottom:4px solid var(--color-accent)}
+.mast-inner{min-height:3.5rem;padding-block:.6rem}
+.brand{font-family:var(--font-ui);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-strong-text,var(--color-surface))}
+.brand::before{width:.7rem;height:.7rem;border-radius:0;transform:none}
+
+/* Navigation reads like an index: uppercase groups, a solid marker for the current page. */
+.side,.page-toc,.formats,.eyebrow,.subject-lifecycle-badge,.examples,.content .doc-tablist a,.site-footer{font-family:var(--font-ui)}
+.side{font-size:.78rem;border-right:2px solid var(--color-ink)}
+.side .nav-tools{background:var(--color-page)}
+.side h2{font-size:.72rem;letter-spacing:.2em;color:var(--color-ink);border-bottom:2px solid var(--color-ink);padding-bottom:.4rem}
+.side .nav-group>details>summary{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
+.side a{padding-inline:.6rem}
+.side a[aria-current=page]{background:var(--color-strong-surface,var(--color-ink));color:var(--color-strong-text,var(--color-surface));box-shadow:none}
+.side a[aria-current=page]::before{content:"\25B8\00a0";color:var(--color-accent)}
+/* Endpoint links are a grid, so the marker sits outside it rather than taking the method column. */
+.side a[aria-current=page]:has(>.endpoint-method){position:relative;padding-left:1.45rem}
+.side a[aria-current=page]:has(>.endpoint-method)::before{position:absolute;left:.6rem;top:var(--nav-item-pad-y)}
+.side .nav-group>details>ul{border-left:1px dashed var(--color-border-nested)}
+.side .nav-search input{border:1px solid var(--color-ink);background:var(--color-surface);font-family:var(--font-ui)}
+
+/* Page heads and numbered sections. */
+.eyebrow{letter-spacing:.14em}
+.eyebrow::before{content:"["}
+.eyebrow::after{content:"]"}
+.page-head{border-bottom:2px solid var(--color-ink)}
+.page-head h1{font-family:var(--font-heading);font-weight:700;letter-spacing:-.03em;line-height:1.15}
+.content :where(h2,h3,h4){font-family:var(--font-heading);letter-spacing:-.01em}
+.content article{counter-reset:ledger-section}
+.content h2{font-size:1.25rem;border-top:1px solid var(--color-ink);counter-increment:ledger-section}
+.content h2::before{content:counter(ledger-section,decimal-leading-zero) "\2003";color:var(--color-accent)}
+.content .doc-tabs h3.tab-fallback-heading,.content h3{font-size:1rem}
+.formats{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}
+.formats:hover{background:var(--color-strong-surface,var(--color-ink));color:var(--color-strong-text,var(--color-surface));border-color:var(--color-strong-surface,var(--color-ink))}
+.page-toc{border-left:2px solid var(--color-ink)}
+.content code{border-radius:0}
+.content table{border:2px solid var(--color-ink)}
+.content th{background:var(--color-strong-surface,var(--color-ink));color:var(--color-strong-text,var(--color-surface));font-family:var(--font-ui);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
+.content th,.content td{border-bottom:1px solid var(--color-border-soft);border-right:1px solid var(--color-border-soft)}
+.content blockquote{border-left-width:6px}
+.content li[data-field]{border-width:1px 1px 1px 4px;border-left-color:var(--color-accent)}
+.subject-lifecycle-badge{border-radius:0;text-transform:uppercase;letter-spacing:.06em}
+
+/* Cards and panels get a hard offset shadow instead of soft elevation. */
+.content .doc-card{border:2px solid var(--color-ink);background:var(--color-surface);transition:transform .12s ease,box-shadow .12s ease}
+.content .doc-card:hover{border-color:var(--color-ink);background:var(--color-surface);box-shadow:5px 5px 0 var(--color-ink);transform:translate(-2px,-2px)}
+.content .doc-card .doc-card-title{font-family:var(--font-ui);font-size:.92rem}
+.content .doc-card-icon{color:var(--color-accent)}
+.examples{border:2px solid var(--color-ink);background:var(--color-surface)}
+.examples details{border-color:var(--color-border-soft)}
+.content .doc-tabs,.content .doc-accordion{border:2px solid var(--color-ink)}
+.content .doc-tablist{background:var(--color-field-surface);border-bottom:2px solid var(--color-ink);padding:0;gap:0}
+.content .doc-tablist a{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border:0;border-right:1px solid var(--color-border-soft)}
+.content .doc-tablist a[aria-selected=true]{background:var(--color-strong-surface,var(--color-ink));color:var(--color-strong-text,var(--color-surface))}
+.content .doc-tablist a[aria-selected=true]:hover{color:var(--color-strong-text,var(--color-surface))}
+
+@media(max-width:48rem){
+  .side{border:2px solid var(--color-ink)}
+  .page-head h1{font-size:1.75rem}
+}
+@media(prefers-reduced-motion:reduce){.content .doc-card{transition:none}.content .doc-card:hover{transform:none}}
+@media print{.mast{border-bottom:0}.content h2::before{color:inherit}}
+
+/* Header tools sit on the inked masthead. */
+.site-search input,.site-search-key,.header-actions a{font-family:var(--font-ui)}
+.site-search input{font-size:.78rem}
+.site-search-results{border:2px solid var(--color-ink);box-shadow:6px 6px 0 var(--color-ink);font-family:var(--font-body)}
+.site-search-results [aria-selected=true] a,.site-search-results a:hover{background:var(--color-strong-surface,var(--color-ink));color:var(--color-strong-text,var(--color-surface))}
+.search-hit-title{font-family:var(--font-ui);font-size:.8rem}
+.header-actions a{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
+.header-primary{border-color:var(--color-accent)}
+
+/* Landing hero: an inked band with square actions. */
+.content .hero{background:var(--color-strong-surface,var(--color-ink));border:0;border-bottom:4px solid var(--color-accent)}
+.content .hero-title{color:var(--color-strong-text,var(--color-surface));letter-spacing:-.03em;font-weight:700}
+.content .hero-tagline{color:color-mix(in srgb,var(--color-strong-text,var(--color-surface)) 82%,transparent)}
+.content .hero-action{font-family:var(--font-ui);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;background:transparent;color:var(--color-strong-text,var(--color-surface));border-color:var(--color-strong-text,var(--color-surface))}
+.content .hero-action:hover{background:var(--color-strong-text,var(--color-surface));color:var(--color-strong-surface,var(--color-ink))}
+.content .hero-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast,#fff)}
+.content .hero-visual .code-block{border:1px solid color-mix(in srgb,var(--color-strong-text,var(--color-surface)) 30%,transparent);border-radius:0}

package/styles/themes/palettes/amethyst.yaml

@@ -0,0 +1,127 @@
+# amethyst: Violet accents over lavender neutrals.
+light:
+  text: "#2f2a3d"
+  page: "#fdfcff"
+  surface: "#ffffff"
+  link: "#6d3fd1"
+  link-hover: "#4f2aa3"
+  focus: "#8a5cf0"
+  ink: "#1f1733"
+  accent: "#7c4ddf"
+  accent-contrast: "#ffffff"
+  header-muted: "#625a78"
+  header-border: "#e6e0f3"
+  border: "#e7e2f1"
+  border-soft: "#f1eef8"
+  border-nested: "#e0d9ee"
+  field-surface: "#f8f6fd"
+  field-border: "#8a7fa8"
+  field-accent: "#b59cef"
+  presence-bg: "#eee6fd"
+  presence-text: "#4c2a99"
+  optional-bg: "#f1eef8"
+  optional-text: "#5a5270"
+  muted: "#665e7c"
+  nav-heading: "#756c8b"
+  section-heading: "#45395f"
+  nav-text: "#463d5c"
+  nav-hover: "#f5f2fc"
+  nav-active: "#efe8fd"
+  nav-active-text: "#4c2a99"
+  deprecated-bg: "#fbe9e7"
+  deprecated-text: "#843d36"
+  beta-bg: "#eeebfa"
+  beta-text: "#56448b"
+  development-bg: "#fff1d9"
+  development-text: "#75531c"
+  experimental-bg: "#e7f3f1"
+  experimental-text: "#245b55"
+  emphasis: "#7043d6"
+  summary: "#564d6b"
+  code-bg: "#f2eff9"
+  code-text: "#ebe6f7"
+  code-muted: "#b3a9cc"
+  code-border: "#4a3f66"
+  code-block: "#1f1733"
+  callout-line: "#9b6cf5"
+  callout-bg: "#f6f1ff"
+  callout-note-line: "#3975a6"
+  callout-note-bg: "#eff6fc"
+  callout-note-text: "#244f73"
+  callout-tip-line: "#2f8057"
+  callout-tip-bg: "#edf8f1"
+  callout-tip-text: "#245b3d"
+  callout-important-line: "#7456a6"
+  callout-important-bg: "#f5f0fb"
+  callout-important-text: "#583d80"
+  callout-warning-line: "#a46c16"
+  callout-warning-bg: "#fff7e6"
+  callout-warning-text: "#704b12"
+  callout-caution-line: "#b14943"
+  callout-caution-bg: "#fff0ee"
+  callout-caution-text: "#81372f"
+  strong-surface: "#1f1733"
+  strong-text: "#ffffff"
+dark:
+  text: "#dad4e8"
+  page: "#120f1a"
+  surface: "#201c2a"
+  link: "#c0a2ff"
+  link-hover: "#d8c6ff"
+  focus: "#b08cff"
+  ink: "#f4f0fc"
+  accent: "#a57dff"
+  accent-contrast: "#16072f"
+  header-muted: "#a39bb8"
+  header-border: "#322b44"
+  border: "#2e2840"
+  border-soft: "#201b2e"
+  border-nested: "#383049"
+  field-surface: "#15121e"
+  field-border: "#71678b"
+  field-accent: "#6a4bb3"
+  presence-bg: "#2f2152"
+  presence-text: "#d3c0ff"
+  optional-bg: "#252034"
+  optional-text: "#bdb5d0"
+  muted: "#a39bb8"
+  nav-heading: "#9d95b3"
+  section-heading: "#c6bddb"
+  nav-text: "#cdc5de"
+  nav-hover: "#211c2e"
+  nav-active: "#2f2152"
+  nav-active-text: "#dccdff"
+  deprecated-bg: "#3d2020"
+  deprecated-text: "#f3aaa3"
+  beta-bg: "#2b2546"
+  beta-text: "#c9bcff"
+  development-bg: "#3a2e14"
+  development-text: "#f0cf8a"
+  experimental-bg: "#173a35"
+  experimental-text: "#9de0d0"
+  emphasis: "#c0a2ff"
+  summary: "#bab2cd"
+  code-bg: "#241e33"
+  code-text: "#e8e2f5"
+  code-muted: "#a39bb8"
+  code-border: "#383049"
+  code-block: "#09070e"
+  callout-line: "#b08cff"
+  callout-bg: "#1f1830"
+  callout-note-line: "#5b9bd5"
+  callout-note-bg: "#13253a"
+  callout-note-text: "#a8d1f5"
+  callout-tip-line: "#4fb07f"
+  callout-tip-bg: "#12281d"
+  callout-tip-text: "#9ce0ba"
+  callout-important-line: "#a283dd"
+  callout-important-bg: "#231a36"
+  callout-important-text: "#d2bff7"
+  callout-warning-line: "#d49a3a"
+  callout-warning-bg: "#2e2410"
+  callout-warning-text: "#f2cd8a"
+  callout-caution-line: "#e0766e"
+  callout-caution-bg: "#33191a"
+  callout-caution-text: "#f7b1aa"
+  strong-surface: "#06050a"
+  strong-text: "#f4f0fc"

package/styles/themes/palettes/coral.yaml

@@ -0,0 +1,127 @@
+# coral: Coral accent over cool blue-gray neutrals.
+light:
+  text: "#2c3445"
+  page: "#eef2f8"
+  surface: "#ffffff"
+  link: "#1f5fb4"
+  link-hover: "#164684"
+  focus: "#e0643f"
+  ink: "#141c2e"
+  accent: "#b8461f"
+  accent-contrast: "#ffffff"
+  header-muted: "#5a6478"
+  header-border: "#dfe5ef"
+  border: "#e1e6ef"
+  border-soft: "#edf0f6"
+  border-nested: "#dde3ee"
+  field-surface: "#f6f8fc"
+  field-border: "#768aa1"
+  field-accent: "#f0a58c"
+  presence-bg: "#fde8e0"
+  presence-text: "#9a3515"
+  optional-bg: "#edf0f6"
+  optional-text: "#535d70"
+  muted: "#5f697c"
+  nav-heading: "#5f687c"
+  section-heading: "#3b4760"
+  nav-text: "#3f4a60"
+  nav-hover: "#f1f4f9"
+  nav-active: "#fff0ea"
+  nav-active-text: "#a33b17"
+  deprecated-bg: "#fbe9e7"
+  deprecated-text: "#843d36"
+  beta-bg: "#eeebfa"
+  beta-text: "#56448b"
+  development-bg: "#fff1d9"
+  development-text: "#75531c"
+  experimental-bg: "#e7f3f1"
+  experimental-text: "#245b55"
+  emphasis: "#b5431f"
+  summary: "#4f5a6e"
+  code-bg: "#eef1f7"
+  code-text: "#e7ebf5"
+  code-muted: "#aab4c8"
+  code-border: "#3a4661"
+  code-block: "#141c2e"
+  callout-line: "#e0643f"
+  callout-bg: "#fff5f0"
+  callout-note-line: "#3975a6"
+  callout-note-bg: "#eff6fc"
+  callout-note-text: "#244f73"
+  callout-tip-line: "#2f8057"
+  callout-tip-bg: "#edf8f1"
+  callout-tip-text: "#245b3d"
+  callout-important-line: "#7456a6"
+  callout-important-bg: "#f5f0fb"
+  callout-important-text: "#583d80"
+  callout-warning-line: "#a46c16"
+  callout-warning-bg: "#fff7e6"
+  callout-warning-text: "#704b12"
+  callout-caution-line: "#b14943"
+  callout-caution-bg: "#fff0ee"
+  callout-caution-text: "#81372f"
+  strong-surface: "#141c2e"
+  strong-text: "#ffffff"
+dark:
+  text: "#d5dbe7"
+  page: "#10141c"
+  surface: "#1e232d"
+  link: "#8ab8ff"
+  link-hover: "#b5d1ff"
+  focus: "#ff9a76"
+  ink: "#f1f4fa"
+  accent: "#ff8a65"
+  accent-contrast: "#2a0e04"
+  header-muted: "#9aa4b8"
+  header-border: "#2c3444"
+  border: "#283041"
+  border-soft: "#1c2230"
+  border-nested: "#303a4d"
+  field-surface: "#131822"
+  field-border: "#64708a"
+  field-accent: "#a0543c"
+  presence-bg: "#40221a"
+  presence-text: "#ffb59c"
+  optional-bg: "#232a38"
+  optional-text: "#b5bfd0"
+  muted: "#9ba6ba"
+  nav-heading: "#95a0b5"
+  section-heading: "#bcc6d8"
+  nav-text: "#c3cbda"
+  nav-hover: "#1e2533"
+  nav-active: "#40221a"
+  nav-active-text: "#ffc2ad"
+  deprecated-bg: "#3d2020"
+  deprecated-text: "#f3aaa3"
+  beta-bg: "#2b2546"
+  beta-text: "#c9bcff"
+  development-bg: "#3a2e14"
+  development-text: "#f0cf8a"
+  experimental-bg: "#173a35"
+  experimental-text: "#9de0d0"
+  emphasis: "#ff9a76"
+  summary: "#b2bccd"
+  code-bg: "#1f2635"
+  code-text: "#e1e7f2"
+  code-muted: "#9ba6ba"
+  code-border: "#303a4d"
+  code-block: "#0a0d13"
+  callout-line: "#ff8a65"
+  callout-bg: "#2a1a16"
+  callout-note-line: "#5b9bd5"
+  callout-note-bg: "#13253a"
+  callout-note-text: "#a8d1f5"
+  callout-tip-line: "#4fb07f"
+  callout-tip-bg: "#12281d"
+  callout-tip-text: "#9ce0ba"
+  callout-important-line: "#a283dd"
+  callout-important-bg: "#231a36"
+  callout-important-text: "#d2bff7"
+  callout-warning-line: "#d49a3a"
+  callout-warning-bg: "#2e2410"
+  callout-warning-text: "#f2cd8a"
+  callout-caution-line: "#e0766e"
+  callout-caution-bg: "#33191a"
+  callout-caution-text: "#f7b1aa"
+  strong-surface: "#07090d"
+  strong-text: "#f1f4fa"

package/styles/themes/palettes/harbor.yaml

@@ -0,0 +1,127 @@
+# harbor: Navy ink, blue links, and a yellow callout rule.
+light:
+  text: "#22304a"
+  page: "#ffffff"
+  surface: "#ffffff"
+  link: "#1b5fd1"
+  link-hover: "#1245a0"
+  focus: "#1b5fd1"
+  ink: "#0e1d3a"
+  accent: "#1b5fd1"
+  accent-contrast: "#ffffff"
+  header-muted: "#56647d"
+  header-border: "#dbe3f0"
+  border: "#dde4ef"
+  border-soft: "#ecf0f6"
+  border-nested: "#d6deeb"
+  field-surface: "#f5f8fc"
+  field-border: "#7d889f"
+  field-accent: "#8fb0e6"
+  presence-bg: "#e1ebfb"
+  presence-text: "#173f86"
+  optional-bg: "#edf1f6"
+  optional-text: "#4f5d73"
+  muted: "#5a6780"
+  nav-heading: "#5f6d85"
+  section-heading: "#2c4166"
+  nav-text: "#3a4963"
+  nav-hover: "#f1f5fb"
+  nav-active: "#e6effd"
+  nav-active-text: "#123d8c"
+  deprecated-bg: "#fbe9e7"
+  deprecated-text: "#843d36"
+  beta-bg: "#eeebfa"
+  beta-text: "#56448b"
+  development-bg: "#fff1d9"
+  development-text: "#75531c"
+  experimental-bg: "#e7f3f1"
+  experimental-text: "#245b55"
+  emphasis: "#1b5fd1"
+  summary: "#4a5873"
+  code-bg: "#eef2f8"
+  code-text: "#e3eaf6"
+  code-muted: "#a7b5cc"
+  code-border: "#34476b"
+  code-block: "#0e1d3a"
+  callout-line: "#f2b705"
+  callout-bg: "#fff9e6"
+  callout-note-line: "#3975a6"
+  callout-note-bg: "#eff6fc"
+  callout-note-text: "#244f73"
+  callout-tip-line: "#2f8057"
+  callout-tip-bg: "#edf8f1"
+  callout-tip-text: "#245b3d"
+  callout-important-line: "#7456a6"
+  callout-important-bg: "#f5f0fb"
+  callout-important-text: "#583d80"
+  callout-warning-line: "#a46c16"
+  callout-warning-bg: "#fff7e6"
+  callout-warning-text: "#704b12"
+  callout-caution-line: "#b14943"
+  callout-caution-bg: "#fff0ee"
+  callout-caution-text: "#81372f"
+  strong-surface: "#0e1d3a"
+  strong-text: "#ffffff"
+dark:
+  text: "#cfd8e6"
+  page: "#0b1220"
+  surface: "#182131"
+  link: "#7cb2ff"
+  link-hover: "#a9ccff"
+  focus: "#7cb2ff"
+  ink: "#eef3fb"
+  accent: "#5b9dff"
+  accent-contrast: "#04142e"
+  header-muted: "#94a2ba"
+  header-border: "#26334a"
+  border: "#223049"
+  border-soft: "#172238"
+  border-nested: "#2a3953"
+  field-surface: "#0e1726"
+  field-border: "#5a6c8c"
+  field-accent: "#3d5f99"
+  presence-bg: "#162c52"
+  presence-text: "#a9c9ff"
+  optional-bg: "#1c273b"
+  optional-text: "#b1bdd1"
+  muted: "#95a3bb"
+  nav-heading: "#8f9db5"
+  section-heading: "#b8c5da"
+  nav-text: "#c0cbdd"
+  nav-hover: "#16213a"
+  nav-active: "#162c52"
+  nav-active-text: "#b5d0ff"
+  deprecated-bg: "#3d2020"
+  deprecated-text: "#f3aaa3"
+  beta-bg: "#2b2546"
+  beta-text: "#c9bcff"
+  development-bg: "#3a2e14"
+  development-text: "#f0cf8a"
+  experimental-bg: "#173a35"
+  experimental-text: "#9de0d0"
+  emphasis: "#7cb2ff"
+  summary: "#adbad0"
+  code-bg: "#1a2539"
+  code-text: "#dde6f4"
+  code-muted: "#95a3bb"
+  code-border: "#2a3953"
+  code-block: "#060b14"
+  callout-line: "#f2b705"
+  callout-bg: "#1f1d12"
+  callout-note-line: "#5b9bd5"
+  callout-note-bg: "#13253a"
+  callout-note-text: "#a8d1f5"
+  callout-tip-line: "#4fb07f"
+  callout-tip-bg: "#12281d"
+  callout-tip-text: "#9ce0ba"
+  callout-important-line: "#a283dd"
+  callout-important-bg: "#231a36"
+  callout-important-text: "#d2bff7"
+  callout-warning-line: "#d49a3a"
+  callout-warning-bg: "#2e2410"
+  callout-warning-text: "#f2cd8a"
+  callout-caution-line: "#e0766e"
+  callout-caution-bg: "#33191a"
+  callout-caution-text: "#f7b1aa"
+  strong-surface: "#03060c"
+  strong-text: "#eef3fb"

package/styles/themes/palettes/ink.yaml

@@ -0,0 +1,127 @@
+# ink: Black ink on warm paper with a vermilion accent.
+light:
+  text: "#1d1d1b"
+  page: "#f7f5ef"
+  surface: "#fffdf8"
+  link: "#b3301a"
+  link-hover: "#7d1f0f"
+  focus: "#1a55c4"
+  ink: "#121211"
+  accent: "#cf3a1f"
+  accent-contrast: "#ffffff"
+  header-muted: "#6b6760"
+  header-border: "#4a4842"
+  border: "#1d1d1b"
+  border-soft: "#d9d4c6"
+  border-nested: "#bfb9aa"
+  field-surface: "#efece3"
+  field-border: "#1d1d1b"
+  field-accent: "#cf3a1f"
+  presence-bg: "#121211"
+  presence-text: "#fffdf8"
+  optional-bg: "#e3dfd3"
+  optional-text: "#3a3833"
+  muted: "#5e5a51"
+  nav-heading: "#5e5a51"
+  section-heading: "#3a3833"
+  nav-text: "#2d2c28"
+  nav-hover: "#ebe7dc"
+  nav-active: "#121211"
+  nav-active-text: "#fffdf8"
+  deprecated-bg: "#fbe9e7"
+  deprecated-text: "#843d36"
+  beta-bg: "#eeebfa"
+  beta-text: "#56448b"
+  development-bg: "#fff1d9"
+  development-text: "#75531c"
+  experimental-bg: "#e7f3f1"
+  experimental-text: "#245b55"
+  emphasis: "#b3301a"
+  summary: "#3a3833"
+  code-bg: "#e8e4d8"
+  code-text: "#f2efe6"
+  code-muted: "#a8a397"
+  code-border: "#3b3a36"
+  code-block: "#121211"
+  callout-line: "#121211"
+  callout-bg: "#efece3"
+  callout-note-line: "#3975a6"
+  callout-note-bg: "#eff6fc"
+  callout-note-text: "#244f73"
+  callout-tip-line: "#2f8057"
+  callout-tip-bg: "#edf8f1"
+  callout-tip-text: "#245b3d"
+  callout-important-line: "#7456a6"
+  callout-important-bg: "#f5f0fb"
+  callout-important-text: "#583d80"
+  callout-warning-line: "#a46c16"
+  callout-warning-bg: "#fff7e6"
+  callout-warning-text: "#704b12"
+  callout-caution-line: "#b14943"
+  callout-caution-bg: "#fff0ee"
+  callout-caution-text: "#81372f"
+  strong-surface: "#121211"
+  strong-text: "#fffdf8"
+dark:
+  text: "#e3dfd4"
+  page: "#141311"
+  surface: "#22211e"
+  link: "#ff8a6e"
+  link-hover: "#ffb3a1"
+  focus: "#7fa8ff"
+  ink: "#f5f2ea"
+  accent: "#ff6b4a"
+  accent-contrast: "#1a0703"
+  header-muted: "#a9a497"
+  header-border: "#3a3833"
+  border: "#35332e"
+  border-soft: "#26241f"
+  border-nested: "#403d37"
+  field-surface: "#181714"
+  field-border: "#77736a"
+  field-accent: "#ff6b4a"
+  presence-bg: "#f5f2ea"
+  presence-text: "#141311"
+  optional-bg: "#2b2924"
+  optional-text: "#cfcabe"
+  muted: "#a9a497"
+  nav-heading: "#a9a497"
+  section-heading: "#d4cfc3"
+  nav-text: "#d9d4c8"
+  nav-hover: "#24221e"
+  nav-active: "#f5f2ea"
+  nav-active-text: "#141311"
+  deprecated-bg: "#3d2020"
+  deprecated-text: "#f3aaa3"
+  beta-bg: "#2b2546"
+  beta-text: "#c9bcff"
+  development-bg: "#3a2e14"
+  development-text: "#f0cf8a"
+  experimental-bg: "#173a35"
+  experimental-text: "#9de0d0"
+  emphasis: "#ff8a6e"
+  summary: "#cfcabe"
+  code-bg: "#2a2823"
+  code-text: "#eeeae0"
+  code-muted: "#a9a497"
+  code-border: "#3a3833"
+  code-block: "#0b0a09"
+  callout-line: "#f5f2ea"
+  callout-bg: "#211f1b"
+  callout-note-line: "#5b9bd5"
+  callout-note-bg: "#13253a"
+  callout-note-text: "#a8d1f5"
+  callout-tip-line: "#4fb07f"
+  callout-tip-bg: "#12281d"
+  callout-tip-text: "#9ce0ba"
+  callout-important-line: "#a283dd"
+  callout-important-bg: "#231a36"
+  callout-important-text: "#d2bff7"
+  callout-warning-line: "#d49a3a"
+  callout-warning-bg: "#2e2410"
+  callout-warning-text: "#f2cd8a"
+  callout-caution-line: "#e0766e"
+  callout-caution-bg: "#33191a"
+  callout-caution-text: "#f7b1aa"
+  strong-surface: "#050504"
+  strong-text: "#f5f2ea"