feat: legacy import — packs, examples, lab, themes, docs, lineage

Import from agentic-semantic-web/ into restructured repo:
- 7 packs (apache, caddy, flask, hugo, nginx, pandoc, python)
- shared error pages (403-503)
- 17 lab experiments (boilerplate, charts, misc)
- 31 example pages (charts, components, content, layout, vault)
- 2 themes (garden, trentuna stub)
- 4 docs (llms.txt, vocabulary, philosophy, agent-directive)
- lineage.md (Pico/Open Props/Charts.css history)
- Hugo mounts for lab/ and examples/

All agentic.css references updated to asw.css.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

packs/hugo/static/css/theme.css

@@ -0,0 +1,130 @@
+/*
+ * Trentuna theme tokens for ASW-Hugo pack
+ * Overrides ASW custom properties with trentuna-specific values.
+ *
+ * Zero CDN dependencies — system font stacks only, matching ASW's own ethos.
+ * ASW framework (web-fonts.css) uses system fonts by design: zero external requests,
+ * zero layout shift, fonts resolve to native equivalents on every device.
+ *
+ * Inter and JetBrains Mono resolve to system-ui / monospace on most platforms.
+ * To use web fonts: add @font-face declarations to a local fonts.css and
+ * @import it before this file.
+ */
+
+:root {
+  /* --- Typography (system font stacks — no external loading) --- */
+  --font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', ui-monospace, monospace;
+
+  /* --- Dark palette --- */
+  --color-bg:       #0f0f0f;
+  --color-surface:  #1a1a1a;
+  --color-surface-2:#222222;
+  --color-border:   #2e2e2e;
+  --color-text:     #e8e8e8;
+  --color-muted:    #888888;
+  --color-accent:   #e8c87a;   /* warm gold */
+  --color-accent-2: #7aadcf;   /* cool blue */
+  --color-danger:   #cf7a7a;
+  --color-success:  #7acf9a;
+
+  /* --- Spacing scale (matches ASW defaults) --- */
+  --space-xs:  0.25rem;
+  --space-sm:  0.5rem;
+  --space-md:  1rem;
+  --space-lg:  1.5rem;
+  --space-xl:  2.5rem;
+  --space-2xl: 4rem;
+}
+
+/* Base */
+html {
+  background-color: var(--color-bg);
+  color: var(--color-text);
+  font-family: var(--font-sans);
+}
+
+code, pre, kbd, samp, tt {
+  font-family: var(--font-mono);
+}
+
+/* Links */
+a {
+  color: var(--color-accent);
+}
+a:hover {
+  color: var(--color-accent-2);
+}
+a[data-wikilink] {
+  text-decoration: underline dotted;
+}
+
+/* Navigation */
+header nav {
+  display: flex;
+  gap: var(--space-md);
+  align-items: center;
+  padding: var(--space-md) var(--space-lg);
+  border-bottom: 1px solid var(--color-border);
+}
+header nav a {
+  text-decoration: none;
+  font-weight: 500;
+}
+header nav strong {
+  color: var(--color-text);
+  margin-right: var(--space-md);
+}
+
+/* Tag cloud */
+nav[data-role="tag-cloud"] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-xs) var(--space-sm);
+}
+nav[data-role="tag-cloud"] a {
+  font-size: 0.8rem;
+  text-decoration: none;
+  padding: 0.15em 0.5em;
+  border: 1px solid var(--color-border);
+  border-radius: 2px;
+  color: var(--color-muted);
+}
+nav[data-role="tag-cloud"] a:hover {
+  color: var(--color-accent);
+  border-color: var(--color-accent);
+}
+a[data-tag] {
+  font-size: 0.8rem;
+  color: var(--color-muted);
+  text-decoration: none;
+}
+a[data-tag]:hover {
+  color: var(--color-accent);
+}
+
+/* Grid layout */
+section[data-layout="grid"] {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
+  gap: var(--space-lg);
+}
+
+/* Article cards in grid */
+section[data-layout="grid"] article {
+  border: 1px solid var(--color-border);
+  padding: var(--space-md);
+  border-radius: 3px;
+}
+section[data-layout="grid"] article:hover {
+  border-color: var(--color-border);
+  background: var(--color-surface);
+}
+
+/* Footer */
+footer {
+  padding: var(--space-lg);
+  color: var(--color-muted);
+  border-top: 1px solid var(--color-border);
+  font-size: 0.85rem;
+}