@treeseed/core 0.1.2

package/dist/vendor/starlight/style/markdown.css

@@ -0,0 +1,253 @@
+@layer starlight.content {
+	.sl-markdown-content
+		:not(a, strong, em, del, span, input, code, br)
+		+ :not(a, strong, em, del, span, input, code, br, :where(.not-content *)) {
+		margin-top: var(--sl-content-gap-y);
+	}
+
+	/* Vertical spacing between Markdown content blocks and UI Framework components using client directives. */
+	.sl-markdown-content
+		:not(a, strong, em, del, span, input, code, br)
+		+ :is(astro-island, astro-slot)
+		> :not(a, strong, em, del, span, input, code, br, :where(.not-content *)):first-child {
+		margin-top: var(--sl-content-gap-y);
+	}
+
+	/* Headings after non-headings have more spacing. */
+	.sl-markdown-content
+		:not(h1, h2, h3, h4, h5, h6)
+		+ :is(h1, h2, h3, h4, h5, h6):not(:where(.not-content *)) {
+		margin-top: 1.5em;
+	}
+
+	.sl-markdown-content li + li:not(:where(.not-content *)),
+	.sl-markdown-content dt + dt:not(:where(.not-content *)),
+	.sl-markdown-content dt + dd:not(:where(.not-content *)),
+	.sl-markdown-content dd + dd:not(:where(.not-content *)) {
+		margin-top: 0.25rem;
+	}
+
+	.sl-markdown-content li:not(:where(.not-content *)) {
+		overflow-wrap: anywhere;
+	}
+
+	.sl-markdown-content
+	li
+	> :is(
+		:last-child:not(
+				li,
+				ul,
+				ol,
+				a,
+				strong,
+				em,
+				del,
+				span,
+				input,
+				code,
+				br,
+				script,
+				:where(.not-content *)
+			),
+			/**
+			 * For list items ending with 1 or multiple script elements (`:has(~ script:last-child)`), we
+			 * need to style the last non-script element (`:not(script)`) that doesn't have a subsequent
+			 * sibling that is not a script (`:not(:has(~ :not(script)))`).
+			 */
+		:not(script):has(~ script:last-child):not(:has(~ :not(script)))
+	) {
+		margin-bottom: 1.25rem;
+	}
+
+	.sl-markdown-content dt:not(:where(.not-content *)) {
+		font-weight: 700;
+	}
+	.sl-markdown-content dd:not(:where(.not-content *)) {
+		padding-inline-start: 1rem;
+	}
+
+	.sl-markdown-content :is(h1, h2, h3, h4, h5, h6):not(:where(.not-content *)) {
+		color: var(--sl-color-white);
+		line-height: var(--sl-line-height-headings);
+		font-weight: 600;
+	}
+
+	.sl-markdown-content :is(img, picture, video, canvas, svg, iframe):not(:where(.not-content *)) {
+		display: block;
+		max-width: 100%;
+		height: auto;
+	}
+
+	.sl-markdown-content h1:not(:where(.not-content *)) {
+		font-size: var(--sl-text-h1);
+	}
+	.sl-markdown-content h2:not(:where(.not-content *)) {
+		font-size: var(--sl-text-h2);
+	}
+	.sl-markdown-content h3:not(:where(.not-content *)) {
+		font-size: var(--sl-text-h3);
+	}
+	.sl-markdown-content h4:not(:where(.not-content *)) {
+		font-size: var(--sl-text-h4);
+	}
+	.sl-markdown-content h5:not(:where(.not-content *)) {
+		font-size: var(--sl-text-h5);
+	}
+	.sl-markdown-content h6:not(:where(.not-content *)) {
+		font-size: var(--sl-text-h6);
+	}
+
+	.sl-markdown-content a:not(:where(.not-content *)) {
+		color: var(--sl-color-text-accent);
+	}
+	.sl-markdown-content a:hover:not(:where(.not-content *)) {
+		color: var(--sl-color-white);
+	}
+
+	.sl-markdown-content code:not(:where(.not-content *)) {
+		background-color: var(--sl-color-bg-inline-code);
+		margin-block: -0.125rem;
+		padding: 0.125rem 0.375rem;
+		font-size: var(--sl-text-code-sm);
+	}
+	.sl-markdown-content :is(h1, h2, h3, h4, h5, h6) code {
+		font-size: inherit;
+	}
+
+	.sl-markdown-content pre:not(:where(.not-content *)) {
+		border: 1px solid var(--sl-color-gray-5);
+		padding: 0.75rem 1rem;
+		font-size: var(--sl-text-code);
+		tab-size: 2;
+	}
+
+	.sl-markdown-content pre code:not(:where(.not-content *)) {
+		all: unset;
+		font-family: var(--__sl-font-mono);
+	}
+
+	.sl-markdown-content blockquote:not(:where(.not-content *)) {
+		border-inline-start: 1px solid var(--sl-color-gray-5);
+		padding-inline-start: 1rem;
+	}
+
+	/* Table styling */
+	.sl-markdown-content table:not(:where(.not-content *)) {
+		display: block;
+		overflow: auto;
+		border-spacing: 0;
+	}
+	.sl-markdown-content :is(th, td):not(:where(.not-content *)) {
+		border-bottom: 1px solid var(--sl-color-gray-5);
+		padding: 0.5rem 1rem;
+		/* Align text to the top of the row in multiline tables. */
+		vertical-align: baseline;
+	}
+	.sl-markdown-content :is(th:first-child, td:first-child):not(:where(.not-content *)) {
+		padding-inline-start: 0;
+	}
+	.sl-markdown-content :is(th:last-child, td:last-child):not(:where(.not-content *)) {
+		padding-inline-end: 0;
+	}
+	.sl-markdown-content th:not(:where(.not-content *)) {
+		color: var(--sl-color-white);
+		font-weight: 600;
+	}
+	/* Align headings to the start of the line unless set by the `align` attribute. */
+	.sl-markdown-content th:not([align]):not(:where(.not-content *)) {
+		text-align: start;
+	}
+	/* <table>s, <hr>s, and <blockquote>s inside asides */
+	.sl-markdown-content .starlight-aside :is(th, td, hr, blockquote):not(:where(.not-content *)) {
+		border-color: var(--sl-color-gray-4);
+	}
+	@supports (
+		border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 30%, transparent)
+	) {
+		.sl-markdown-content .starlight-aside :is(th, td, hr, blockquote):not(:where(.not-content *)) {
+			border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 30%, transparent);
+		}
+	}
+
+	/* <code> inside asides */
+	@supports (
+		border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent)
+	) {
+		.sl-markdown-content .starlight-aside code:not(:where(.not-content *)) {
+			background-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent);
+		}
+	}
+
+	.sl-markdown-content hr:not(:where(.not-content *)) {
+		border: 0;
+		border-bottom: 1px solid var(--sl-color-hairline);
+	}
+
+	/* <details> and <summary> styles */
+	.sl-markdown-content details:not(:where(.not-content *)) {
+		--sl-details-border-color: var(--sl-color-gray-5);
+		--sl-details-border-color--hover: var(--sl-color-text-accent);
+
+		border-inline-start: 2px solid var(--sl-details-border-color);
+		padding-inline-start: 1rem;
+	}
+	.sl-markdown-content details:not([open]):hover:not(:where(.not-content *)),
+	.sl-markdown-content details:has(> summary:hover):not(:where(.not-content *)) {
+		border-color: var(--sl-details-border-color--hover);
+	}
+	.sl-markdown-content summary:not(:where(.not-content *)) {
+		color: var(--sl-color-white);
+		cursor: pointer;
+		display: block; /* Needed to hide the default marker in some browsers. */
+		font-weight: 600;
+		/* Expand the outline so that the marker cannot distort it. */
+		margin-inline-start: -0.5rem;
+		padding-inline-start: 0.5rem;
+	}
+	.sl-markdown-content details[open] > summary:not(:where(.not-content *)) {
+		margin-bottom: 1rem;
+	}
+
+	/* <summary> marker styles */
+	.sl-markdown-content summary:not(:where(.not-content *))::marker,
+	.sl-markdown-content summary:not(:where(.not-content *))::-webkit-details-marker {
+		display: none;
+	}
+	.sl-markdown-content summary:not(:where(.not-content *))::before {
+		--sl-details-marker-size: 1.25rem;
+
+		background-color: currentColor;
+		content: '';
+		display: inline-block;
+		height: var(--sl-details-marker-size);
+		width: var(--sl-details-marker-size);
+		margin-inline: calc((var(--sl-details-marker-size) / 4) * -1) 0.25rem;
+		vertical-align: middle;
+		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.8 11.3 10.6 7a1 1 0 1 0-1.4 1.5l3.5 3.5-3.5 3.5a1 1 0 0 0 0 1.4 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3l4.2-4.2a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E%0A");
+		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.8 11.3 10.6 7a1 1 0 1 0-1.4 1.5l3.5 3.5-3.5 3.5a1 1 0 0 0 0 1.4 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3l4.2-4.2a1 1 0 0 0 0-1.4Z'/%3E%3C/svg%3E%0A");
+		-webkit-mask-repeat: no-repeat;
+		mask-repeat: no-repeat;
+	}
+	@media (prefers-reduced-motion: no-preference) {
+		.sl-markdown-content summary:not(:where(.not-content *))::before {
+			transition: transform 0.2s ease-in-out;
+		}
+	}
+	.sl-markdown-content details[open] > summary:not(:where(.not-content *))::before {
+		transform: rotateZ(90deg);
+	}
+	[dir='rtl'] .sl-markdown-content summary:not(:where(.not-content *))::before,
+	.sl-markdown-content [dir='rtl'] summary:not(:where(.not-content *))::before {
+		transform: rotateZ(180deg);
+	}
+	/* <summary> with only a paragraph automatically added when using MDX */
+	.sl-markdown-content summary:not(:where(.not-content *)) p:only-child {
+		display: inline;
+	}
+
+	/* <details> styles inside asides */
+	.sl-markdown-content .starlight-aside details:not(:where(.not-content *)) {
+		--sl-details-border-color: var(--sl-color-asides-border);
+		--sl-details-border-color--hover: var(--sl-color-asides-text-accent);
+	}
+}

package/dist/vendor/starlight/style/print.css

@@ -0,0 +1,175 @@
+@media print {
+	:root {
+		/* Colours — force light mode when printing */
+		--sl-color-white: hsl(224, 10%, 10%);
+		--sl-color-gray-1: hsl(224, 14%, 16%);
+		--sl-color-gray-2: hsl(224, 10%, 23%);
+		--sl-color-gray-3: hsl(224, 7%, 36%);
+		--sl-color-gray-4: hsl(224, 6%, 56%);
+		--sl-color-gray-5: hsl(224, 6%, 77%);
+		--sl-color-gray-6: hsl(224, 20%, 94%);
+		--sl-color-gray-7: hsl(224, 19%, 97%);
+		--sl-color-black: hsl(0, 0%, 100%);
+
+		--sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);
+		--sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);
+		--sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);
+		--sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);
+		--sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);
+		--sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);
+		--sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);
+		--sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);
+		--sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);
+		--sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);
+		--sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);
+		--sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);
+		--sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);
+		--sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);
+		--sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);
+
+		--sl-color-accent-high: hsl(234, 80%, 30%);
+		--sl-color-accent: hsl(234, 90%, 60%);
+		--sl-color-accent-low: hsl(234, 88%, 90%);
+
+		--sl-color-text-accent: var(--sl-color-accent);
+		--sl-color-text-invert: var(--sl-color-black);
+		--sl-color-bg-nav: var(--sl-color-gray-7);
+		--sl-color-bg-sidebar: var(--sl-color-bg);
+		--sl-color-bg-inline-code: var(--sl-color-gray-6);
+		--sl-color-bg-accent: var(--sl-color-accent);
+		--sl-color-hairline-light: var(--sl-color-gray-6);
+		--sl-color-hairline-shade: var(--sl-color-gray-6);
+
+		--sl-color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);
+
+		/* Disable shadows when printing. */
+		--sl-shadow-sm: none;
+		--sl-shadow-md: none;
+		--sl-shadow-lg: none;
+	}
+
+	/* Utility classes for controlling element visibility when printing. */
+	.print\:hidden {
+		display: none;
+	}
+	.print\:flex {
+		display: flex;
+	}
+	.print\:block {
+		display: block;
+	}
+
+	/* Page layout tweaks. */
+	main {
+		padding-bottom: 0;
+	}
+	main > .content-panel {
+		padding-block-start: 0;
+	}
+	.content-panel + .content-panel {
+		border: 0;
+	}
+	/* components/PageFrame.astro */
+	.page > header {
+		position: relative;
+	}
+	.page > .main-frame {
+		padding-top: 0;
+		padding-inline-start: 0;
+	}
+	/* components/TwoColumnContent.astro */
+	.main-pane {
+		--sl-sidebar-width: 0px;
+		--sl-content-width: 100%;
+	}
+	/* components/Banner.astro */
+	.sl-banner {
+		--sl-color-banner-text: var(--sl-color-white);
+		background-color: transparent;
+	}
+
+	/* components/MarkdownContent.astro */
+	.sl-markdown-content :is(h1, h2, h3, h4, h5, h6) {
+		break-after: avoid;
+	}
+	.sl-markdown-content :is(p, li) {
+		orphans: 2;
+		widows: 2;
+	}
+	.sl-markdown-content pre {
+		overflow-x: hidden;
+		white-space: pre-wrap;
+	}
+	.sl-markdown-content .expressive-code,
+	.sl-markdown-content figure,
+	.sl-markdown-content pre {
+		break-inside: avoid;
+	}
+	.expressive-code .frame.is-terminal .header::before {
+		/* Ensure terminal frame dots are visible even if backgrounds are disabled. */
+		box-shadow: inset 99rem 99rem var(--sl-color-gray-5);
+	}
+	.expressive-code .frame.has-title:not(.is-terminal) .header {
+		/* Divide title bar and code without relying on background colors. */
+		background: transparent;
+		border-bottom: 1px solid var(--sl-color-gray-6);
+	}
+	.expressive-code .frame.has-title:not(.is-terminal) .title {
+		/* Hide title tab background color. */
+		background: transparent;
+	}
+	.expressive-code .frame.has-title:not(.is-terminal) .title::after {
+		/* Remove title tab highlight. */
+		border-top: 0;
+	}
+	.expressive-code .copy {
+		/* Ensure Expressive Code copy button is hidden when printing from touch devices. */
+		display: none;
+	}
+	/* Inline code */
+	.sl-markdown-content code:not(:where(.not-content *)) {
+		background-color: transparent;
+		padding: 0;
+		margin-block: unset;
+		font-size: 0.9375em;
+	}
+
+	/* user-components/Badge.astro */
+	.sl-badge {
+		background: transparent;
+		color: var(--sl-color-white);
+	}
+
+	/* user-components/FileTree.astro */
+	starlight-file-tree {
+		break-inside: avoid;
+	}
+	starlight-file-tree .highlight {
+		outline: 3px solid var(--sl-color-accent-low);
+		color: var(--sl-color-text);
+		background-color: transparent;
+	}
+
+	/* user-components/Aside.astro */
+	.starlight-aside {
+		break-inside: avoid;
+	}
+
+	/* user-components/LinkButton.astro */
+	.sl-link-button.primary {
+		background: transparent;
+		border-color: var(--sl-color-white);
+		color: var(--sl-color-white);
+	}
+
+	/* user-components/Tabs.astro */
+	starlight-tabs {
+		break-inside: avoid;
+	}
+
+	/* user-components/Steps.astro */
+	.sl-steps > li::after {
+		/* Ensure steps guidelines are visible when background colors are disabled. */
+		box-shadow: inset 99rem 99rem var(--sl-color-hairline-light);
+	}
+}

package/dist/vendor/starlight/style/props.css

@@ -0,0 +1,188 @@
+@layer starlight.base {
+	:root,
+	::backdrop {
+		/* Colors (dark mode) */
+		--sl-color-white: hsl(0, 0%, 100%); /* “white” */
+		--sl-color-gray-1: hsl(224, 20%, 94%);
+		--sl-color-gray-2: hsl(224, 6%, 77%);
+		--sl-color-gray-3: hsl(224, 6%, 56%);
+		--sl-color-gray-4: hsl(224, 7%, 36%);
+		--sl-color-gray-5: hsl(224, 10%, 23%);
+		--sl-color-gray-6: hsl(224, 14%, 16%);
+		--sl-color-black: hsl(224, 10%, 10%);
+
+		--sl-hue-orange: 41;
+		--sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);
+		--sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);
+		--sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);
+		--sl-hue-green: 101;
+		--sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);
+		--sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);
+		--sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);
+		--sl-hue-blue: 234;
+		--sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);
+		--sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);
+		--sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);
+		--sl-hue-purple: 281;
+		--sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);
+		--sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);
+		--sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);
+		--sl-hue-red: 339;
+		--sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);
+		--sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);
+		--sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);
+
+		--sl-color-accent-low: hsl(224, 54%, 20%);
+		--sl-color-accent: hsl(224, 100%, 60%);
+		--sl-color-accent-high: hsl(224, 100%, 85%);
+
+		--sl-color-text: var(--sl-color-gray-2);
+		--sl-color-text-accent: var(--sl-color-accent-high);
+		--sl-color-text-invert: var(--sl-color-accent-low);
+		--sl-color-bg: var(--sl-color-black);
+		--sl-color-bg-nav: var(--sl-color-gray-6);
+		--sl-color-bg-sidebar: var(--sl-color-gray-6);
+		--sl-color-bg-inline-code: var(--sl-color-gray-5);
+		--sl-color-bg-accent: var(--sl-color-accent-high);
+		--sl-color-hairline-light: var(--sl-color-gray-5);
+		--sl-color-hairline: var(--sl-color-gray-6);
+		--sl-color-hairline-shade: var(--sl-color-black);
+
+		--sl-color-backdrop-overlay: hsla(223, 13%, 10%, 0.66);
+
+		/* Shadows (dark mode) */
+		--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.12), 0px 2px 1px hsla(0, 0%, 0%, 0.24);
+		--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.08), 0px 5px 2px hsla(0, 0%, 0%, 0.08),
+			0px 3px 2px hsla(0, 0%, 0%, 0.12), 0px 1px 1px hsla(0, 0%, 0%, 0.15);
+		--sl-shadow-lg: 0px 25px 7px hsla(0, 0%, 0%, 0.03), 0px 16px 6px hsla(0, 0%, 0%, 0.1),
+			0px 9px 5px hsla(223, 13%, 10%, 0.33), 0px 4px 4px hsla(0, 0%, 0%, 0.75),
+			0px 4px 2px hsla(0, 0%, 0%, 0.25);
+
+		/* Text size and line height */
+		--sl-text-2xs: 0.75rem; /* 12px */
+		--sl-text-xs: 0.8125rem; /* 13px */
+		--sl-text-sm: 0.875rem; /* 14px */
+		--sl-text-base: 1rem; /* 16px */
+		--sl-text-lg: 1.125rem; /* 18px */
+		--sl-text-xl: 1.25rem; /* 20px */
+		--sl-text-2xl: 1.5rem; /* 24px */
+		--sl-text-3xl: 1.8125rem; /* 29px */
+		--sl-text-4xl: 2.1875rem; /* 35px */
+		--sl-text-5xl: 2.625rem; /* 42px */
+		--sl-text-6xl: 4rem; /* 64px */
+
+		--sl-text-body: var(--sl-text-base);
+		--sl-text-body-sm: var(--sl-text-xs);
+		--sl-text-code: var(--sl-text-sm);
+		--sl-text-code-sm: var(--sl-text-xs);
+		--sl-text-h1: var(--sl-text-4xl);
+		--sl-text-h2: var(--sl-text-3xl);
+		--sl-text-h3: var(--sl-text-2xl);
+		--sl-text-h4: var(--sl-text-xl);
+		--sl-text-h5: var(--sl-text-lg);
+
+		--sl-line-height: 1.75;
+		--sl-line-height-headings: 1.2;
+
+		--sl-font-system: ui-sans-serif, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+			'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+			'Noto Color Emoji';
+		--sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+			'Courier New', monospace;
+		--__sl-font: var(--sl-font, var(--sl-font-system)), var(--sl-font-system);
+		--__sl-font-mono: var(--sl-font-mono, var(--sl-font-system-mono)), var(--sl-font-system-mono);
+
+		/** Key layout values */
+		--sl-nav-height: 3.5rem;
+		--sl-nav-pad-x: 1rem;
+		--sl-nav-pad-y: 0.75rem;
+		--sl-mobile-toc-height: 3rem;
+		--sl-sidebar-width: 18.75rem;
+		--sl-sidebar-pad-x: 1rem;
+		--sl-content-width: 45rem;
+		--sl-content-pad-x: 1rem;
+		--sl-content-gap-y: 1rem;
+		--sl-main-pad: 0 0 3vh 0;
+		--sl-menu-button-size: 2rem;
+		--sl-nav-gap: var(--sl-content-pad-x);
+		/* Offset required to show outline inside an element instead of round the outside */
+		--sl-outline-offset-inside: -0.1875rem;
+
+		/* Global z-index values */
+		--sl-z-index-toc: 4;
+		--sl-z-index-menu: 5;
+		--sl-z-index-navbar: 10;
+		--sl-z-index-skiplink: 20;
+	}
+
+	:root[data-theme='light'],
+	[data-theme='light'] ::backdrop {
+		/* Colours (light mode) */
+		--sl-color-white: hsl(224, 10%, 10%);
+		--sl-color-gray-1: hsl(224, 14%, 16%);
+		--sl-color-gray-2: hsl(224, 10%, 23%);
+		--sl-color-gray-3: hsl(224, 7%, 36%);
+		--sl-color-gray-4: hsl(224, 6%, 56%);
+		--sl-color-gray-5: hsl(224, 6%, 77%);
+		--sl-color-gray-6: hsl(224, 20%, 94%);
+		--sl-color-gray-7: hsl(224, 19%, 97%);
+		--sl-color-black: hsl(0, 0%, 100%);
+
+		--sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);
+		--sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);
+		--sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);
+		--sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);
+		--sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);
+		--sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);
+		--sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);
+		--sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);
+		--sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);
+		--sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);
+		--sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);
+		--sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);
+		--sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);
+		--sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);
+		--sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);
+
+		--sl-color-accent-high: hsl(234, 80%, 30%);
+		--sl-color-accent: hsl(234, 90%, 60%);
+		--sl-color-accent-low: hsl(234, 88%, 90%);
+
+		--sl-color-text-accent: var(--sl-color-accent);
+		--sl-color-text-invert: var(--sl-color-black);
+		--sl-color-bg-nav: var(--sl-color-gray-7);
+		--sl-color-bg-sidebar: var(--sl-color-bg);
+		--sl-color-bg-inline-code: var(--sl-color-gray-6);
+		--sl-color-bg-accent: var(--sl-color-accent);
+		--sl-color-hairline-light: var(--sl-color-gray-6);
+		--sl-color-hairline-shade: var(--sl-color-gray-6);
+
+		--sl-color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);
+
+		/* Shadows (light mode) */
+		--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.06), 0px 2px 1px hsla(0, 0%, 0%, 0.06);
+		--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.03), 0px 5px 2px hsla(0, 0%, 0%, 0.03),
+			0px 3px 2px hsla(0, 0%, 0%, 0.06), 0px 1px 1px hsla(0, 0%, 0%, 0.06);
+		--sl-shadow-lg: 0px 25px 7px rgba(0, 0, 0, 0.01), 0px 16px 6px hsla(0, 0%, 0%, 0.03),
+			0px 9px 5px hsla(223, 13%, 10%, 0.08), 0px 4px 4px hsla(0, 0%, 0%, 0.16),
+			0px 4px 2px hsla(0, 0%, 0%, 0.04);
+	}
+
+	@media (min-width: 50em) {
+		:root {
+			--sl-nav-height: 4rem;
+			--sl-nav-pad-x: 1.5rem;
+			--sl-text-h1: var(--sl-text-5xl);
+			--sl-text-h2: var(--sl-text-4xl);
+			--sl-text-h3: var(--sl-text-3xl);
+			--sl-text-h4: var(--sl-text-2xl);
+		}
+	}
+
+	@media (min-width: 72rem) {
+		:root {
+			--sl-content-pad-x: 1.5rem;
+			--sl-mobile-toc-height: 0rem;
+		}
+	}
+}

package/dist/vendor/starlight/style/reset.css

@@ -0,0 +1,52 @@
+@layer starlight.reset {
+	*,
+	*::before,
+	*::after {
+		box-sizing: border-box;
+	}
+
+	* {
+		margin: 0;
+	}
+
+	html {
+		color-scheme: dark;
+		accent-color: var(--sl-color-accent);
+		-webkit-text-size-adjust: 100%;
+		text-size-adjust: 100%;
+	}
+
+	html[data-theme='light'] {
+		color-scheme: light;
+	}
+
+	body {
+		font-family: var(--__sl-font);
+		line-height: var(--sl-line-height);
+		-webkit-font-smoothing: antialiased;
+		color: var(--sl-color-text);
+		background-color: var(--sl-color-bg);
+	}
+
+	input,
+	button,
+	textarea,
+	select {
+		font: inherit;
+	}
+
+	p,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	code {
+		overflow-wrap: break-word;
+	}
+
+	code {
+		font-family: var(--__sl-font-mono);
+	}
+}