@krigsvold/theme 0.0.0-stage → 2.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 James P. Howard, II
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/NOTICE.md

@@ -0,0 +1,11 @@
+# Font notices
+
+Krigsvold code and design definitions are MIT licensed. The pinned Fontsource dependencies retain their own licenses:
+
+- Roboto: OFL-1.1, @fontsource/roboto/LICENSE.
+- Roboto Slab: Apache-2.0, @fontsource/roboto-slab/LICENSE.
+- Roboto Mono: OFL-1.1, @fontsource/roboto-mono/LICENSE.
+
+Verbatim license copies ship in dist/licenses/. fonts.css resolves local dependency assets through the consuming bundler and makes no Google Fonts or CDN request. Retain these notices when copying or redistributing font files outside npm's dependency layout.
+
+The package includes no arms, badges, site content, tracking identifiers, consent policy, Material Icons, Bootstrap, or Material Kit code.

package/README.md

@@ -1,3 +1,52 @@
-# Temporary Holding Version
+# Krigsvold core
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+`@krigsvold/theme` is the framework-independent source of truth for Krigsvold. It contains Light/Dark semantic colors and the typography, spacing, shape, depth, and interaction definitions extracted from krigsvold.org.
+
+## Choose what to adopt
+
+| Import | Effect |
+| --- | --- |
+| `@krigsvold/theme/css` | Original scoped Light/Dark color variables only; unchanged from v1 |
+| `@krigsvold/theme/foundation.css` | Namespaced design variables; no font loading or element styles |
+| `@krigsvold/theme/typography.css` | Text roles inside `.krigsvold`; requires foundation variables |
+| `@krigsvold/theme/fonts.css` | Optional, locally bundled Roboto, Roboto Slab, and Roboto Mono assets through Fontsource |
+| `@krigsvold/theme/components.css` | Optional namespaced interface primitives; requires colors and foundation |
+| `@krigsvold/theme/full.css` | Colors, foundation, typography, and components; fonts remain optional |
+| `@krigsvold/theme/legacy.css` | Optional variable aliases for incremental website migration |
+
+```js
+import '@krigsvold/theme/full.css';
+import '@krigsvold/theme/fonts.css';
+import { light, dark, foundation, design, capabilities } from '@krigsvold/theme';
+```
+
+Set `data-krigsvold="light"` or `data-krigsvold="dark"` on the element to theme; add `class="krigsvold"` to opt into typography and interface styling. Modes may coexist on the same page. CSS remains available without JavaScript; font package imports require a CSS-capable bundler. ESM and CommonJS exports, TypeScript declarations, per-mode JSON, `tokens.json`, `foundation.json`, `design.json`, `capabilities.json`, and highlight.js styles are explicit package exports.
+
+## Typography and overrides
+
+- Serif: Roboto Slab, for editorial headings, introductory text, and quotations.
+- Sans: Roboto, for body prose, controls, navigation, and metadata.
+- Display: Roboto Slab, for hero text and titles. Its role is independent even though it shares the serif family.
+- Monospace: Roboto Mono, the agreed public companion for code and terminal text.
+
+The serif, display, and sans roles are extracted from the originating krigsvold.org website. Roboto Mono is a new companion chosen for the Roboto family. See [the provenance record](docs/provenance.md) for source selectors, exact commit, inherited Material Kit values, and accessibility normalizations. Each role can be overridden independently through its namespaced CSS variable. See NOTICE.md for font licenses.
+
+The optional full stylesheet is not a site template: it includes no personal identity, content, analytics, or consent policy. See [`@krigsvold/astro`](https://github.com/krigsvoldtheme/astro) for Astro composition and a neutral starter.
+
+## Source and releases
+
+Edit `source.json` here; run `npm ci --ignore-scripts`, `npm run build`, `npm test`, and `npm pack`. Generated `dist/` is committed for review and reproducibility. Fontsource dependencies are pinned; lockfiles retain their integrity. The source website's original colors are retained as separate identity tokens rather than silently replacing existing semantic app colors. Reduced-motion preferences zero the shared motion tokens.
+
+The `capabilities` export records what each integration applies, requires separate configuration for, or cannot support. A browser color theme does not change fonts. Editors and terminals use the monospace role only where their host allows it.
+
+The npm scope is `krigsvold`. Install the published core with `npm install @krigsvold/theme`. Package versions are independent of application-port versions.
+
+Application port generators in `krigsvoldtheme/krigsvoldtheme` consume this package. They must not regenerate it. CI never publishes automatically.
+
+## Layouts
+
+Version 2.1 adds optional [`layout.css`](docs/layout.md), the `layout` JavaScript export, and `layout.json`. Layout primitives cover containers, vertical stacks, wrapping clusters, bounded grids, sidebars, and paired regions. Import `@krigsvold/theme/full.css` for the complete styling layer or add `@krigsvold/theme/layout.css` after `foundation.css` for structural classes alone. See [source observations and responsive rules](docs/layout.md).
+
+## Releases
+
+Stable GitHub releases can publish automatically through npm trusted publishing. See [release setup](docs/releasing.md) for the one-time package authorization and release order.

package/dist/capabilities.json

@@ -0,0 +1,101 @@
+{
+  "web-core": {
+    "applied": [
+      "colors",
+      "typography variables",
+      "spacing",
+      "shape",
+      "depth",
+      "interaction variables",
+      "layout primitives"
+    ],
+    "optional": [
+      "font loading",
+      "element typography",
+      "components"
+    ]
+  },
+  "astro": {
+    "applied": [
+      "web-core",
+      "document shell",
+      "container",
+      "section heading",
+      "card",
+      "button",
+      "page header",
+      "site header",
+      "site footer",
+      "article layout",
+      "landing layout",
+      "documentation layout"
+    ],
+    "hostOwned": [
+      "navigation",
+      "content",
+      "consent",
+      "analytics",
+      "personal identity"
+    ]
+  },
+  "vim": {
+    "applied": [
+      "colors",
+      "syntax"
+    ],
+    "separateConfiguration": [
+      "monospace font"
+    ],
+    "unsupported": [
+      "web layout",
+      "proportional typography"
+    ]
+  },
+  "emacs": {
+    "applied": [
+      "colors",
+      "syntax"
+    ],
+    "separateConfiguration": [
+      "font roles"
+    ],
+    "unsupported": [
+      "web layout"
+    ]
+  },
+  "terminal": {
+    "applied": [
+      "colors"
+    ],
+    "separateConfiguration": [
+      "monospace font"
+    ],
+    "unsupported": [
+      "web layout",
+      "serif",
+      "sans"
+    ]
+  },
+  "firefox": {
+    "applied": [
+      "browser chrome colors"
+    ],
+    "unsupported": [
+      "fonts",
+      "website content",
+      "spacing",
+      "components"
+    ]
+  },
+  "chrome": {
+    "applied": [
+      "browser chrome colors"
+    ],
+    "unsupported": [
+      "fonts",
+      "website content",
+      "spacing",
+      "components"
+    ]
+  }
+}

package/dist/components.css

@@ -0,0 +1,32 @@
+/* Optional, namespaced primitives. All visual values belong to the core. */
+.krigsvold { color: var(--krigsvold-text); background: var(--krigsvold-bg); }
+.krigsvold *, .krigsvold *::before, .krigsvold *::after { box-sizing: border-box; }
+.krigsvold :where(img,svg,video) { max-inline-size: 100%; block-size: auto; }
+.krigsvold :where(a) { color: var(--krigsvold-link); text-underline-offset: var(--krigsvold-link-underline-offset); }
+.krigsvold :where(a:hover) { color: var(--krigsvold-link-hover); }
+.krigsvold :where(:focus-visible) { outline: var(--krigsvold-focus-width) solid var(--krigsvold-focus-ring); outline-offset: var(--krigsvold-focus-gap); }
+.krigsvold :where(pre) { max-inline-size: 100%; overflow: auto; padding: var(--krigsvold-space-4); border-radius: var(--krigsvold-radius-md); color: var(--krigsvold-code-text); background: var(--krigsvold-code-bg); }
+.krigsvold :where(input,select,textarea) { max-inline-size: 100%; min-inline-size: 0; min-block-size: var(--krigsvold-control-height); padding: var(--krigsvold-control-padding); border: var(--krigsvold-border-width) solid var(--krigsvold-input-border); border-radius: var(--krigsvold-radius-sm); color: var(--krigsvold-input-text); background: var(--krigsvold-input-bg); }
+.krigsvold :where(button) { cursor: pointer; }
+.krigsvold :where(button:disabled) { cursor: not-allowed; }
+.krigsvold ::selection { color: var(--krigsvold-selection-text); background: var(--krigsvold-selection); }
+.krigsvold-container { inline-size: min(calc(100% - var(--krigsvold-gutter) * 2), var(--krigsvold-content-width)); margin-inline: auto; min-inline-size: 0; }
+.krigsvold-container--reading { max-inline-size: var(--krigsvold-reading-width); }
+.krigsvold-container--archive { max-inline-size: var(--krigsvold-archive-width); }
+.krigsvold-section { padding-block: var(--krigsvold-section-space); }
+.krigsvold-section-heading { max-inline-size: var(--krigsvold-reading-width); margin-block-end: var(--krigsvold-space-8); }
+.krigsvold-section-heading--center { margin-inline: auto; text-align: center; }
+.krigsvold-section-heading :where(h2,h3) { margin: 0; }
+.krigsvold-eyebrow { font: 700 .78rem var(--krigsvold-font-sans); letter-spacing: var(--krigsvold-tracking-label); text-transform: uppercase; color: var(--krigsvold-accent); }
+.krigsvold-rule { inline-size: var(--krigsvold-divider-width); block-size: var(--krigsvold-divider-thickness); margin-block: var(--krigsvold-space-3); background: var(--krigsvold-accent); }
+.krigsvold-section-heading--center .krigsvold-rule { margin-inline: auto; }
+.krigsvold-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--krigsvold-space-2); min-block-size: var(--krigsvold-control-height); padding: var(--krigsvold-button-padding); border: var(--krigsvold-border-width) solid var(--krigsvold-accent); border-radius: var(--krigsvold-radius-control); background: var(--krigsvold-accent); color: var(--krigsvold-on-accent); font: 700 var(--krigsvold-text-button)/var(--krigsvold-leading-button) var(--krigsvold-font-sans); letter-spacing: var(--krigsvold-tracking-button); text-transform: uppercase; text-decoration: none; transition: background-color var(--krigsvold-transition-ui), border-color var(--krigsvold-transition-ui); }
+.krigsvold-button:hover { background: var(--krigsvold-accent-hover); color: var(--krigsvold-on-accent); }
+.krigsvold-button:disabled { background: var(--krigsvold-disabled-bg); color: var(--krigsvold-disabled-text); border-color: var(--krigsvold-disabled-bg); }
+.krigsvold-card { min-inline-size: 0; padding: var(--krigsvold-space-4); border: 0; border-top: var(--krigsvold-divider-thickness) solid var(--krigsvold-accent); border-radius: var(--krigsvold-radius-card); background: var(--krigsvold-panel); color: var(--krigsvold-text); box-shadow: var(--krigsvold-shadow-card); }
+.krigsvold-skip-link { position: absolute; inset-block-start: var(--krigsvold-space-2); inset-inline-start: var(--krigsvold-space-2); z-index: 1000; transform: translateY(-200%); padding: var(--krigsvold-space-3); background: var(--krigsvold-bg); color: var(--krigsvold-text); font-family: var(--krigsvold-font-sans); }
+.krigsvold-skip-link:focus { transform: none; }
+
+.krigsvold-display { font-family: var(--krigsvold-font-display); font-size: var(--krigsvold-text-display); font-weight: 700; line-height: var(--krigsvold-leading-display); letter-spacing: var(--krigsvold-tracking-display); text-wrap: balance; }
+.krigsvold-section-heading :where(h2) { font-size: var(--krigsvold-text-section); }
+@media (max-width: 767.98px) { .krigsvold-section { padding-block: 4rem; } }

package/dist/dark.css

@@ -0,0 +1,91 @@
+[data-krigsvold="dark"] {
+  color-scheme: dark;
+  --krigsvold-bg: #061325;
+  --krigsvold-panel: #0a1d35;
+  --krigsvold-panel2: #123456;
+  --krigsvold-text: #eef8fa;
+  --krigsvold-muted: #b3ccd5;
+  --krigsvold-accent: #9ed5e6;
+  --krigsvold-accent2: #d9b876;
+  --krigsvold-on-accent: #061325;
+  --krigsvold-accent-hover: #d9eef4;
+  --krigsvold-line: #345066;
+  --krigsvold-control-line: #7a929f;
+  --krigsvold-focus: #9ed5e6;
+  --krigsvold-selection: #244c61;
+  --krigsvold-selection-text: #eef8fa;
+  --krigsvold-green: #a6cfb5;
+  --krigsvold-danger: #f0a4af;
+  --krigsvold-warning: #e0bf84;
+  --krigsvold-error-bg: #302335;
+  --krigsvold-error-text: #f0a4af;
+  --krigsvold-shadow: 0 10px 40px #00000055;
+  --krigsvold-surface-canvas: #061325;
+  --krigsvold-surface-subtle: #07182b;
+  --krigsvold-surface-sunken: #040e1c;
+  --krigsvold-surface-overlay: #123456;
+  --krigsvold-text-strong: #fbfaf7;
+  --krigsvold-text-subtle: #b3ccd5;
+  --krigsvold-text-disabled: #8ba4b2;
+  --krigsvold-text-inverse: #061325;
+  --krigsvold-link: #9ed5e6;
+  --krigsvold-link-hover: #d9eef4;
+  --krigsvold-link-visited: #c6b6db;
+  --krigsvold-border-subtle: #345066;
+  --krigsvold-border-strong: #7a929f;
+  --krigsvold-input-bg: #0a1d35;
+  --krigsvold-input-text: #eef8fa;
+  --krigsvold-input-placeholder: #b3ccd5;
+  --krigsvold-input-border: #7a929f;
+  --krigsvold-button-secondary-bg: #123456;
+  --krigsvold-button-secondary-text: #eef8fa;
+  --krigsvold-button-secondary-hover: #1c4565;
+  --krigsvold-disabled-bg: #183044;
+  --krigsvold-disabled-text: #8ba4b2;
+  --krigsvold-focus-ring: #9ed5e6;
+  --krigsvold-focus-offset: #061325;
+  --krigsvold-hover-bg: #123456;
+  --krigsvold-active-bg: #1c4565;
+  --krigsvold-code-bg: #0a1d35;
+  --krigsvold-code-text: #eef8fa;
+  --krigsvold-quote-border: #9ed5e6;
+  --krigsvold-table-stripe: #0a1d35;
+  --krigsvold-scrollbar-track: #0a1d35;
+  --krigsvold-scrollbar-thumb: #607b8d;
+  --krigsvold-overlay-scrim: #061325cc;
+  --krigsvold-info: #9ed5e6;
+  --krigsvold-info-bg: #103549;
+  --krigsvold-info-text: #d9eef4;
+  --krigsvold-success: #a6cfb5;
+  --krigsvold-success-bg: #16362b;
+  --krigsvold-success-text: #b7ddc3;
+  --krigsvold-warning-bg: #3b301f;
+  --krigsvold-warning-text: #e8cb97;
+  --krigsvold-danger-bg: #3d2330;
+  --krigsvold-danger-text: #f4b4bc;
+  --krigsvold-chart-1: #9ed5e6;
+  --krigsvold-chart-2: #d9b876;
+  --krigsvold-chart-3: #a6cfb5;
+  --krigsvold-chart-4: #f0a4af;
+  --krigsvold-chart-5: #c6b6db;
+  --krigsvold-chart-6: #8fcbc7;
+  --krigsvold-chart-7: #e1ac90;
+  --krigsvold-chart-8: #d4d8d9;
+  --krigsvold-chart-grid: #345066;
+  --krigsvold-chart-axis: #b3ccd5;
+  --krigsvold-syntax-keyword: #9ed5e6;
+  --krigsvold-syntax-string: #a6cfb5;
+  --krigsvold-syntax-function: #c2e4ef;
+  --krigsvold-syntax-type: #d9b876;
+  --krigsvold-syntax-variable: #eef8fa;
+  --krigsvold-syntax-comment: #b3ccd5;
+  --krigsvold-syntax-number: #f0a4af;
+  --krigsvold-syntax-operator: #b3ccd5;
+  --krigsvold-syntax-constant: #c6b6db;
+  --krigsvold-syntax-tag: #9ed5e6;
+  --krigsvold-syntax-attribute: #d9b876;
+  --krigsvold-syntax-regexp: #a6cfb5;
+  --krigsvold-syntax-invalid: #f0a4af;
+  --krigsvold-syntax-property: #c2e4ef;
+  --krigsvold-syntax-decorator: #c6b6db;
+}

package/dist/dark.json

@@ -0,0 +1,96 @@
+{
+  "version": "2.1.0",
+  "id": "krigsvold-dark",
+  "name": "Krigsvold Dark",
+  "mode": "dark",
+  "tokens": {
+    "bg": "#061325",
+    "panel": "#0A1D35",
+    "panel2": "#123456",
+    "text": "#EEF8FA",
+    "muted": "#B3CCD5",
+    "accent": "#9ED5E6",
+    "accent2": "#D9B876",
+    "on-accent": "#061325",
+    "accent-hover": "#D9EEF4",
+    "line": "#345066",
+    "control-line": "#7A929F",
+    "focus": "#9ED5E6",
+    "selection": "#244C61",
+    "selection-text": "#EEF8FA",
+    "green": "#A6CFB5",
+    "danger": "#F0A4AF",
+    "warning": "#E0BF84",
+    "error-bg": "#302335",
+    "error-text": "#F0A4AF",
+    "shadow": "0 10px 40px #00000055",
+    "surface-canvas": "#061325",
+    "surface-subtle": "#07182B",
+    "surface-sunken": "#040E1C",
+    "surface-overlay": "#123456",
+    "text-strong": "#FBFAF7",
+    "text-subtle": "#B3CCD5",
+    "text-disabled": "#8BA4B2",
+    "text-inverse": "#061325",
+    "link": "#9ED5E6",
+    "link-hover": "#D9EEF4",
+    "link-visited": "#C6B6DB",
+    "border-subtle": "#345066",
+    "border-strong": "#7A929F",
+    "input-bg": "#0A1D35",
+    "input-text": "#EEF8FA",
+    "input-placeholder": "#B3CCD5",
+    "input-border": "#7A929F",
+    "button-secondary-bg": "#123456",
+    "button-secondary-text": "#EEF8FA",
+    "button-secondary-hover": "#1C4565",
+    "disabled-bg": "#183044",
+    "disabled-text": "#8BA4B2",
+    "focus-ring": "#9ED5E6",
+    "focus-offset": "#061325",
+    "hover-bg": "#123456",
+    "active-bg": "#1C4565",
+    "code-bg": "#0A1D35",
+    "code-text": "#EEF8FA",
+    "quote-border": "#9ED5E6",
+    "table-stripe": "#0A1D35",
+    "scrollbar-track": "#0A1D35",
+    "scrollbar-thumb": "#607B8D",
+    "overlay-scrim": "#061325CC",
+    "info": "#9ED5E6",
+    "info-bg": "#103549",
+    "info-text": "#D9EEF4",
+    "success": "#A6CFB5",
+    "success-bg": "#16362B",
+    "success-text": "#B7DDC3",
+    "warning-bg": "#3B301F",
+    "warning-text": "#E8CB97",
+    "danger-bg": "#3D2330",
+    "danger-text": "#F4B4BC",
+    "chart-1": "#9ED5E6",
+    "chart-2": "#D9B876",
+    "chart-3": "#A6CFB5",
+    "chart-4": "#F0A4AF",
+    "chart-5": "#C6B6DB",
+    "chart-6": "#8FCBC7",
+    "chart-7": "#E1AC90",
+    "chart-8": "#D4D8D9",
+    "chart-grid": "#345066",
+    "chart-axis": "#B3CCD5",
+    "syntax-keyword": "#9ED5E6",
+    "syntax-string": "#A6CFB5",
+    "syntax-function": "#C2E4EF",
+    "syntax-type": "#D9B876",
+    "syntax-variable": "#EEF8FA",
+    "syntax-comment": "#B3CCD5",
+    "syntax-number": "#F0A4AF",
+    "syntax-operator": "#B3CCD5",
+    "syntax-constant": "#C6B6DB",
+    "syntax-tag": "#9ED5E6",
+    "syntax-attribute": "#D9B876",
+    "syntax-regexp": "#A6CFB5",
+    "syntax-invalid": "#F0A4AF",
+    "syntax-property": "#C2E4EF",
+    "syntax-decorator": "#C6B6DB"
+  }
+}

package/dist/design.json

@@ -0,0 +1,49 @@
+{
+  "radius": {
+    "sm": ".15rem",
+    "md": ".3rem",
+    "lg": ".4rem",
+    "control": ".15rem",
+    "card": "0"
+  },
+  "spacing": {
+    "1": ".25rem",
+    "2": ".5rem",
+    "3": ".75rem",
+    "4": "1rem",
+    "6": "1.5rem",
+    "8": "2rem",
+    "12": "3rem",
+    "16": "4rem",
+    "24": "6rem"
+  },
+  "fonts": {
+    "serif": "'Roboto Slab', Georgia, serif",
+    "sans": "'Roboto', Arial, sans-serif",
+    "display": "'Roboto Slab', Georgia, serif",
+    "mono": "'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+    "ui": "'Roboto', Arial, sans-serif",
+    "code": "'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
+  },
+  "widths": {
+    "reading-width": "760px",
+    "content-width": "1320px",
+    "archive-width": "1320px"
+  },
+  "shadows": {
+    "shadow-sm": "0 10px 35px rgb(0 0 0 / 12%)",
+    "shadow-md": "0 18px 44px rgb(6 19 37 / 18%)",
+    "shadow-lg": "0 24px 65px rgb(10 29 53 / 12%)"
+  },
+  "motion": {
+    "transition": ".15s ease-in",
+    "reduced": "0s"
+  },
+  "breakpoints": {
+    "sm": "576px",
+    "md": "768px",
+    "lg": "992px",
+    "xl": "1200px",
+    "xxl": "1400px"
+  }
+}

package/dist/fonts.css

@@ -0,0 +1,14 @@
+@import '@fontsource/roboto/400.css';
+@import '@fontsource/roboto/400-italic.css';
+@import '@fontsource/roboto/500.css';
+@import '@fontsource/roboto/500-italic.css';
+@import '@fontsource/roboto/700.css';
+@import '@fontsource/roboto/700-italic.css';
+@import '@fontsource/roboto-slab/400.css';
+@import '@fontsource/roboto-slab/700.css';
+@import '@fontsource/roboto-mono/400.css';
+@import '@fontsource/roboto-mono/400-italic.css';
+@import '@fontsource/roboto-mono/500.css';
+@import '@fontsource/roboto-mono/500-italic.css';
+@import '@fontsource/roboto-mono/700.css';
+@import '@fontsource/roboto-mono/700-italic.css';

package/dist/foundation.css

@@ -0,0 +1,86 @@
+/* Origin: krigsvold.org. Variables only; no element styles or font downloads. */
+:root, [data-krigsvold] {
+  --krigsvold-color-navy-950: #061325;
+  --krigsvold-color-navy-900: #0a1d35;
+  --krigsvold-color-navy-800: #123456;
+  --krigsvold-color-blue-600: #286a9d;
+  --krigsvold-color-ice-400: #9ed5e6;
+  --krigsvold-color-ice-200: #d9eef4;
+  --krigsvold-color-ice-100: #eef8fa;
+  --krigsvold-color-paper: #fbfaf7;
+  --krigsvold-color-ink: #17202a;
+  --krigsvold-color-muted: #56616c;
+  --krigsvold-color-rule: #d9dee2;
+  --krigsvold-color-gold: #b58a3b;
+  --krigsvold-font-serif: 'Roboto Slab', Georgia, serif;
+  --krigsvold-font-display: 'Roboto Slab', Georgia, serif;
+  --krigsvold-font-sans: 'Roboto', Arial, sans-serif;
+  --krigsvold-font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  --krigsvold-space-1: .25rem;
+  --krigsvold-space-2: .5rem;
+  --krigsvold-space-3: .75rem;
+  --krigsvold-space-4: 1rem;
+  --krigsvold-space-6: 1.5rem;
+  --krigsvold-space-8: 2rem;
+  --krigsvold-space-12: 3rem;
+  --krigsvold-space-16: 4rem;
+  --krigsvold-space-24: 6rem;
+  --krigsvold-reading-width: 760px;
+  --krigsvold-content-width: 1320px;
+  --krigsvold-archive-width: 1320px;
+  --krigsvold-radius-sm: .15rem;
+  --krigsvold-radius-md: .3rem;
+  --krigsvold-radius-lg: .4rem;
+  --krigsvold-radius-control: .15rem;
+  --krigsvold-radius-card: 0;
+  --krigsvold-shadow-sm: 0 10px 35px rgb(0 0 0 / 12%);
+  --krigsvold-shadow-md: 0 18px 44px rgb(6 19 37 / 18%);
+  --krigsvold-shadow-lg: 0 24px 65px rgb(10 29 53 / 12%);
+  --krigsvold-shadow-card: none;
+  --krigsvold-transition-ui: .15s ease-in;
+  --krigsvold-motion-duration: .15s;
+  --krigsvold-text-body: 1.06rem;
+  --krigsvold-text-h1: clamp(2.8rem, 6vw, 5.5rem);
+  --krigsvold-text-h2: 2.1rem;
+  --krigsvold-text-h3: 1.42rem;
+  --krigsvold-text-display: clamp(3.4rem, 7vw, 6.8rem);
+  --krigsvold-text-section: clamp(2rem, 4vw, 3.5rem);
+  --krigsvold-leading-body: 1.65;
+  --krigsvold-leading-heading: 1.13;
+  --krigsvold-leading-display: .98;
+  --krigsvold-weight-heading: 700;
+  --krigsvold-tracking-heading: -.025em;
+  --krigsvold-tracking-display: -.045em;
+  --krigsvold-tracking-label: .16em;
+  --krigsvold-tracking-button: .035em;
+  --krigsvold-border-width: 1px;
+  --krigsvold-focus-width: 3px;
+  --krigsvold-focus-gap: 3px;
+  --krigsvold-gutter: .75rem;
+  --krigsvold-section-space: clamp(4.5rem, 8vw, 7.5rem);
+  --krigsvold-control-height: 2.75rem;
+  --krigsvold-control-padding: .9rem;
+  --krigsvold-button-padding: .625rem 1.5rem;
+  --krigsvold-text-button: .75rem;
+  --krigsvold-leading-button: 1.667;
+  --krigsvold-divider-width: 3rem;
+  --krigsvold-divider-thickness: 3px;
+  --krigsvold-link-underline-offset: .18em;
+  --krigsvold-hero-overlay: linear-gradient(90deg, rgba(3,15,30,.93) 0%, rgba(6,27,51,.76) 52%, rgba(7,28,48,.42) 100%);
+  --krigsvold-breakpoint-sm: 576px;
+  --krigsvold-breakpoint-md: 768px;
+  --krigsvold-breakpoint-lg: 992px;
+  --krigsvold-breakpoint-xl: 1200px;
+  --krigsvold-breakpoint-xxl: 1400px;
+  --krigsvold-layout-gap: 2rem;
+  --krigsvold-layout-gap-small: 1rem;
+  --krigsvold-layout-gap-large: 3rem;
+  --krigsvold-layout-sidebar-width: 20rem;
+  --krigsvold-layout-main-min: 30rem;
+  --krigsvold-layout-grid-min: 20rem;
+  --krigsvold-layout-split-min: 22rem;
+  --krigsvold-layout-section-space: clamp(4.5rem, 8vw, 7.5rem);
+}
+@media (prefers-reduced-motion: reduce) {
+  :root, [data-krigsvold] { --krigsvold-transition-ui: 0s; --krigsvold-motion-duration: 0s; }
+}