@r1z4x/tezgah 1.9.2 → 1.13.0

package/skills/hallmark/references/themes/garden.md

@@ -0,0 +1,97 @@
+---
+name: Garden
+slug: garden
+genre: editorial
+paper: light 95.8 90
+display: roman-serif Vollkorn
+accent: chromatic-green 140
+posture: committed
+keywords: farm, apiary, honey, cidery, orchard, pick your own, apples, seed, nursery, herbalist, botanical, tea, preserves, single-origin, seasonal, harvest, small-maker, csa, provenance, grown, field, homestead
+material: warm oat paper, deep green ink, Vollkorn 600 with old-style figures over Hanken Grotesk, hairlines and soft moss or clay tints, daylight photographs in true colour, one leaf-green signal
+photo: natural con=6 sat=-6
+pictured: Field Guide, Stage hero
+---
+
+# Garden
+
+A grower's voice: warm oat paper, a near-black green ink, Vollkorn heads and old-style figures over Hanken Grotesk, hairlines, soft moss and clay tints, the place photographed in daylight, one leaf-green signal. It feels honest and seasonal because every neutral leans green, the fruit keeps its real colour and nothing is boxed, glossy or grey. It is not a sage-and-slate wellness page and not a cream bookshop with a terracotta accent.
+
+## Tokens
+
+```css
+:root {
+  --color-paper: oklch(95.8% 0.024 90); --color-paper-2: oklch(92.6% 0.030 90); --color-paper-3: oklch(89% 0.034 90);
+  --color-ink: oklch(23% 0.050 152); --color-ink-2: oklch(33% 0.048 150); --color-muted: oklch(46% 0.034 142);
+  --color-rule: oklch(83% 0.024 112); --color-rule-2: oklch(68% 0.042 138);
+  --color-accent: oklch(46% 0.135 142); --color-accent-2: oklch(86% 0.075 128); --color-accent-ink: oklch(97% 0.015 95);
+  --color-focus: oklch(46% 0.135 142); --tint-moss: oklch(46% 0.135 142 / 0.11); --tint-clay: oklch(54% 0.140 46 / 0.10);
+  --font-display: "Vollkorn", ui-serif, Georgia, serif; --font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
+  --font-outlier: "Newsreader", ui-serif, Georgia, serif;
+  --radius-card: 4px; --radius-pill: 999px; --rule-hair: 1px; --shadow-card: none;
+  --tracking-display: -0.012em; --display-weight: 600;
+}
+```
+
+## Type
+
+- **Display:** Vollkorn 600, roman, sentence case, `--tracking-display`, line-height 1.04; one weight for every head, never italic. Sturdy without the 700's thickness, so a 52px head reads as set, not shouted. Its old-style figures are the theme's best numbers: an acreage or a count in Vollkorn at 160px and over, descending below the line, needs no other picture.
+- **Body:** Hanken Grotesk 400 and 500 with `oldstyle-nums`; tables take lining tabular numerals, display figures keep Vollkorn's old-style ones.
+- **Captions under a photograph (the outlier):** Newsreader 400 at the label size, sentence case, in `--color-muted`, one fact a line, like a nursery's label. Vollkorn never runs as body.
+- **Labels, table heads, meta, lot codes, dates:** Hanken Grotesk 500 a step smaller, sentence case, untracked, `--color-muted`. No mono on the page.
+
+## Surfaces
+
+- Rules: 1px `--color-rule` hairlines part rows and sections; `--color-rule-2` tops a table or outlines a control. Radius 4px on wells and photographs, pills on controls.
+- Depth is flat paper: no shadow, no drop-shadowed box; a well is `--color-paper-2` or a tint, never a bordered card.
+- Bands: a full-bleed `--tint-moss` or `--tint-clay` wash, `--color-paper-2`, or the green ink with oat text, where `--color-accent-2` (pale leaf) takes the accent's place; never a solid leaf-green field. Two a page at most.
+- Photographs: the place in its season, in daylight and true colour: fruit on the bough at arm's length, the rows seen from the grass, hands and baskets at the work, crates in the barn; soft overcast or low sun, the fruit never pushed past its real colour. 4px radius, a 1px `--color-rule` hairline, no shadow. A head sits on a photograph only over an ink scrim at 40 to 60%.
+- Every neutral carries a green or oat cast (hue 90 to 152), never a pure grey. No texture.
+
+## Range
+
+- **Figures in old-style numerals:** the prompt's acreage, varieties or jars in Vollkorn 600 at 160px and over, three across on hairlines, a Hanken line beneath each.
+- **The season as a ruled strip:** the twelve months in one hairline row, the open ones on the moss tint with what happens in them, the rest left as paper; under it the hours and the place as two-column rows.
+- **A price list or produce list:** hairline rows on paper-2 or the green ink, the name in Vollkorn at item size, a Newsreader note, the price in lining figures at the right edge; a missing fact stays a labelled placeholder.
+- **A statement on green ink:** one sentence in Vollkorn at section size and over in oat, the action in pale leaf beneath.
+
+## Controls
+
+- One flat leaf-green pill with `--color-accent-ink` text beside a hairline-outlined pill in `--color-rule-2`.
+- Links in ink, underlined, the line turning leaf green on hover; inputs at 4px with a 1px `--color-muted` border on oat.
+- Leaf green stays under 5% of a screen: the primary, a link's hover, the focus ring, one figure. Clay lives in its tint band only, never on a control, a nav or a head.
+
+## Motion
+
+State only, `--dur-short` on `--ease-out`: a pill darkens one step, an underline grows under a link. No reveal, no stagger, no parallax.
+
+## Voice
+
+Warm, honest, seasonal, unhurried. Say the field, the variety, the month, the acreage, the number of jars, only as the prompt gives them; never artisanal, curated or small-batch as a hollow badge.
+
+## Do-nots
+
+- Never grey-sage or slate paper; the ground is warm oat, hue 92.
+- Never a cool teal or corporate emerald; the green is chlorophyll, hue 140.
+- Never italic or faux-bold Vollkorn; load the real 600, and never mix it with 700 on one page.
+- Never clay on a control or a head, and never a gradient on the leaf-green pill.
+- Never produce styled on white or a staged picnic; the place is a working one.
+
+## Build hint
+
+```html
+<link href="https://fonts.googleapis.com/css2?family=Vollkorn:wght@600&family=Hanken+Grotesk:wght@400;500&family=Newsreader:opsz,wght@6..72,400&display=swap" rel="stylesheet">
+```
+
+```css
+body { font-variant-numeric: oldstyle-nums; color: var(--color-ink-2); }
+table, .num { font-variant-numeric: lining-nums tabular-nums; }
+h1, h2, h3 { font-weight: var(--display-weight); color: var(--color-ink); }
+.figure { font: 600 clamp(6rem, 12vw, 11rem)/0.86 var(--font-display); font-variant-numeric: oldstyle-nums proportional-nums; color: var(--color-ink); }
+.btn { border-radius: var(--radius-pill); border: var(--rule-hair) solid var(--color-rule-2); padding: var(--space-sm) var(--space-lg); font-weight: 500; color: var(--color-ink); }
+.btn--primary { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-accent-ink); }
+.band--moss { background: var(--tint-moss); }
+.photo img { border-radius: var(--radius-card); outline: var(--rule-hair) solid var(--color-rule); outline-offset: -1px; }
+.photo figcaption { font: 400 var(--text-sm)/1.4 var(--font-outlier); color: var(--color-muted); }
+a:hover { text-decoration-color: var(--color-accent); }
+::selection { background: color-mix(in oklab, var(--color-accent) 22%, transparent); }
+```

package/skills/hallmark/references/themes/grid.md

@@ -0,0 +1,101 @@
+---
+name: Grid
+slug: grid
+genre: editorial
+paper: light 97.5 90
+display: grotesk-sans Radio Canada Big
+accent: cool 266
+posture: full-palette
+keywords: identity, brand system, wayfinding, signage, design studio, type specimen, editorial grid, institution, museum, archive, index, directory, systems, modular, swiss, grotesque, manual, programme, poster, collection
+material: white poster stock, blue-black ink, Radio Canada Big 700 in sentence case over Radio Canada, flat fields of ultramarine and one Swiss red mark, no strokes
+pictured: Poster Sequence, Poster hero
+photo: duotone ink paper-2 con=12
+---
+
+# Grid
+
+Swiss international style as it is practised now: a white sheet, a blue-black ink, one neo-grotesque in two optical cuts, and two flat colours with separate jobs, an ultramarine that floods fields and a Swiss red that marks the one chosen thing. Structure comes from the column system itself: type hung from column lines, fields that start and stop on them, jumps of three or four steps in scale and white held on purpose. No strokes part the sections and nothing is boxed; a page reads as a run of composed sheets. It is not a nostalgic poster pastiche, not a red-and-black template and not a minimal product page.
+
+## Tokens
+
+```css
+:root {
+  --color-paper: oklch(97.5% 0.005 90); --color-paper-2: oklch(94.2% 0.006 90); --color-paper-3: oklch(90.5% 0.008 90);
+  --color-ink: oklch(19% 0.022 266); --color-ink-2: oklch(31% 0.02 266); --color-muted: oklch(47% 0.016 266);
+  --color-rule: oklch(87.5% 0.008 90);
+  --color-accent: oklch(44% 0.2 266); --color-accent-ink: oklch(97.5% 0.005 90); --color-focus: oklch(46% 0.2 266);
+  --color-field: oklch(44% 0.2 266); --color-field-ink: oklch(97.5% 0.005 90);
+  --color-mark: oklch(57% 0.215 29); --color-mark-ink: oklch(97.5% 0.005 90);
+  --font-display: "Radio Canada Big", ui-sans-serif, system-ui, sans-serif; --font-body: "Radio Canada", ui-sans-serif, system-ui, sans-serif;
+  --font-outlier: var(--font-display);
+  --radius-card: 0; --radius-pill: 0; --rule-hair: 1px; --shadow-card: none;
+  --tracking-display: -0.035em; --display-weight: 700;
+}
+```
+
+Three roles and the paper, one job each. **Field**, the ultramarine: the flood a sheet is printed on, full width or from a column line to the bleed. **Mark**, the Swiss red: what is chosen or current (a letter, a year, a hovered link) and at most one red field a page. **Ink**: type on paper and the primary control. Red never sits on the ultramarine, and two fields never touch.
+
+## Type
+
+- **Display:** Radio Canada Big 700, sentence case (a capital first letter and proper nouns, nothing else), `--tracking-display`, line-height 0.9 at poster size, 1.0 at section size. Lines start on a column line, flush left, ragged right; never centred. One weight and one colour a head; a head that crosses from paper onto a field switches to field-ink at the field's edge, as an overprint would, the only change it may carry.
+- **Poster scale:** a poster head sizes with the screen, `clamp(4.5rem, 10.2vw, 10rem)`, tracking -0.045em, held at 1920. Figures and index letters take the display cut and may run larger than any head beside them; a statement takes the display at 400.
+- **Body:** Radio Canada 400 at 17px, line-height 1.5. Labels, field names, captions and nav links are Radio Canada 500 a step smaller, sentence case, untracked, `--color-muted` on paper and field-ink on a field. No mono, no capitals in a label.
+- **Wordmark:** the name in two lines at one size, the first word in the display at 700, the second at 400, leading 0.92; it may hang beside a square of the mark red exactly two lines tall.
+
+## Surfaces
+
+- No strokes: sections part by space, a change of paper or a field, never a rule. The only lines are 1px hairlines between table rows and under an input.
+- Radius 0 and no shadow anywhere; depth is scale and colour. A well is `--color-paper-2` with no border.
+- Fields: a page takes two or three, one of them may be the red; each runs edge to edge or from a column line off the page, and abuts white.
+- Photographs: objective and frontal in even light, of print and its tools (type, presses, sheets, drawers), printing in the blue-black on `--color-paper-2` (the `photo:` duotone), so the frame is a step of tone, never a line. Square, both edges on column lines; never type over a picture.
+- Texture: none. The white is the material.
+
+## Range
+
+- **The overprint sheet:** a head at poster scale hung from column 1 and running across a field that starts on a later column line, its letters turning field-ink where they cross, one real figure set large at the field's foot.
+- **The index as a specimen:** letters, decades or names at display size as a ragged line of buttons, the chosen one in the mark red and repeated at full height beside the line as the figure.
+- **A field that holds a control:** a range, a choice or a set of inputs on the ultramarine or the red, the value set at poster scale in field-ink and changing as it moves; inputs on a field are type at `--text-3xl` over a hairline.
+- **A statement hung asymmetric:** one sentence at statement size from column 3 or 4, the columns to its left white, its key nouns as links.
+
+## Controls
+
+- Primary: a square block of ink with paper text, 52px tall, the same on paper and on either field. Secondary: text with a 1px underline that turns mark red on hover.
+- Inputs: square, no box; a 1px line beneath in `--color-muted` on paper, field-ink at 60% on a field. The focus ring is 2px `--color-focus`, field-ink on the ultramarine and ink on the red.
+- `::selection` is the mark red with paper text. Otherwise red marks only a chosen value, a hover and its one field.
+
+## Motion
+
+State only, `--dur-short` on `--ease-out`: a letter or link turns red, a value at poster scale swaps in place. No scroll reveals, no parallax.
+
+## Voice
+
+Exact and plain, sentence case: name the record, the field, the year and the press in the order a catalogue lists them, and leave the adjectives out.
+
+## Do-nots
+
+- Never a rule above a section, a black stroke round a control or a boxed card.
+- Never red on the ultramarine, never two fields touching, never a second blue.
+- Never a lowercase or an all-capitals head.
+- Never a photograph in colour, toned in a field colour, framed, or under type.
+- Never a centred head or a centred block of text.
+
+## Build hint
+
+```html
+<link href="https://fonts.googleapis.com/css2?family=Radio+Canada+Big:wght@400;700&family=Radio+Canada:wght@400;500&display=swap" rel="stylesheet">
+```
+
+```css
+h1, h2, h3 { font-weight: var(--display-weight); line-height: 1; text-align: start; }
+.btn { min-height: 52px; padding-inline: var(--space-lg); border: 0; border-radius: 0; font-weight: 500; transition: background-color var(--dur-short) var(--ease-out); }
+.btn--primary { background: var(--color-ink); color: var(--color-paper); }
+.btn--primary:hover { background: var(--color-ink-2); }
+.btn--secondary { background: none; color: currentColor; text-decoration: underline var(--rule-hair); text-underline-offset: 0.32em; }
+.btn--secondary:hover { color: var(--color-mark); }
+.field { background: var(--color-field); color: var(--color-field-ink); --color-focus: var(--color-field-ink); }
+.field--mark { background: var(--color-mark); color: var(--color-mark-ink); --color-focus: var(--color-ink); }
+.overprint { color: var(--color-field-ink); clip-path: inset(0 0 0 calc(7 * (100% + var(--gap-columns)) / 12 - var(--gap-columns))); }
+.wordmark { display: inline-grid; grid-template-columns: auto auto; column-gap: var(--space-sm); font: var(--display-weight) var(--text-md)/0.92 var(--font-display); }
+.wordmark::before { content: ""; grid-row: span 2; aspect-ratio: 1; background: var(--color-mark); }
+::selection { background: var(--color-mark); color: var(--color-mark-ink); }
+```

package/skills/hallmark/references/themes/halftone.md

@@ -0,0 +1,106 @@
+---
+name: Halftone
+slug: halftone
+genre: playful
+paper: light 96.2 94
+display: slab-serif Ultra
+accent: warm 33
+posture: committed
+keywords: drinks, soda, food brand, print shop, zine, magazine, record label, packaging, campaign, label, bottle, can, screen print, bold, one colour, retail, craft, loud, fruit, snack
+material: butter-cream stock, brown-black ink, Ultra over Chivo, three-pixel ink rules and square wells, one vermilion printed solid and through a dot screen, photographs in full colour
+photo: natural vib=25 sat=10 con=6
+pictured: Back of the Can, Settled hero
+---
+
+# Halftone
+
+A loud one-colour print voice: butter-cream stock, brown-black ink, a fat Ultra slab for heads, Chivo for everything else, 3px ink rules and one vermilion that prints solid on controls and as a dot screen on a band or a well. Photographs are the only full colour, close and bright like a label's product shot. It feels screen-printed because there is one ink and its dots fade from solid to nothing, not because anything is drawn. It is not a comic-book pop-art page and not a pastel snack brand.
+
+## Tokens
+
+```css
+:root {
+  --color-paper: oklch(96.2% 0.032 94); --color-paper-2: oklch(92.6% 0.046 92); --color-paper-3: oklch(87.5% 0.058 90);
+  --color-ink: oklch(23% 0.040 38); --color-ink-2: oklch(33% 0.045 40); --color-muted: oklch(44% 0.048 44);
+  --color-rule: oklch(82% 0.042 82);
+  --color-accent: oklch(54.5% 0.215 33); --color-accent-deep: oklch(46% 0.19 31); --color-accent-ink: oklch(97% 0.022 94); --color-focus: oklch(46% 0.19 31);
+  --color-dot: var(--color-accent); --halftone-size: 12px; --halftone-dot: 3px;
+  --font-display: "Ultra", ui-serif, Georgia, serif; --font-body: "Chivo", ui-sans-serif, sans-serif;
+  --radius-card: 0; --radius-input: 3px; --radius-pill: 999px; --rule-hair: 1px; --rule-bar: 3px;
+  --shadow-card: none;
+  --tracking-display: 0.005em; --display-weight: 400;
+}
+```
+
+Committed: the spot carries the screen, the controls and a field band. Three stocks, stated in the stamp (`halftone: cream`).
+
+| Stock | Paper and ink | The spot |
+| --- | --- | --- |
+| **Cream and vermilion** (default) | the tokens above | `oklch(54.5% 0.215 33)` |
+| **Lemon on black** | `oklch(19% 0.01 60)` under `oklch(96% 0.02 90)` | yellow `oklch(88% 0.17 95)` with dark ink on it |
+| **Blood orange** | the colour goes into the stock: `oklch(72% 0.17 45)` under plum `oklch(24% 0.06 25)` | the plum ink is also the spot, so the dots print dark |
+
+## Type
+
+- **Display:** Ultra 400, its only weight, roman, sentence case, line-height 1.08 (Ultra's descenders touch the next line any tighter), `--tracking-display`; one colour per head. Ultra's figures are its loudest letters: a number at 200px and over may print solid in the spot, tracked -0.02em, line-height 0.9 when it stands alone on its line.
+- **Body:** Chivo 400, 17px, line-height 1.55, in `--color-ink-2`; Chivo 700 on controls and on the names in a label panel.
+- **Labels, tags, table heads, captions:** Chivo 500 a step smaller, sentence case, untracked; the 3px rules give them authority. No mono.
+
+## Surfaces
+
+- Rules do the work of borders: `--rule-bar` in ink across the top of a section, a table or a list, `--rule-hair` in `--color-rule` between rows.
+- A well is the one boxed surface: `--color-paper-2` inside a `--rule-bar` ink border, square, with nothing boxed inside it. No shadow anywhere.
+- Radii: 3px on buttons and inputs, a full pill on a chip; wells, tags and photographs are square.
+- Bands: `--color-paper-2`, a spot field with cream type knocked out of it, or `--color-ink` with cream text. Two a page at most. `--color-accent-deep` is the spot pressed: hover, the focus ring and any spot type under 24px.
+- Photographs: the product and what goes into it, close and bright (a cut lemon, a knuckle of ginger, bubbles in a glass), hard daylight on a plain light ground. The page's only full colour; square, a 1px ink hairline, a caption beneath naming what is in it. The spot never tints a picture.
+- The screen (`texture.md` § Halftone): a `--halftone-dot` dot on a `--halftone-size` cell in the spot, masked to fade from solid to nothing, on a band or a well; one screened field per section, never under or across type or a photograph.
+
+## Range
+
+- **A figure as a poster:** one real number (the calories, the size, the price) in Ultra at 240px and over, solid spot on the cream, its unit and its one line in Ultra ink at section size beside it.
+- **The label as a panel:** a 3px ink rule over full-width rows, the name in Chivo 700, the value in Ultra at item size, hairlines between, the way a can's back reads; never shrunk into a box.
+- **The order on the spot:** a spot band with a cream knockout head, a stepper and its running total in Ultra, the screen fading in from one edge behind the empty side.
+- **A statement knocked out:** one blunt sentence in Ultra at display size, cream out of the ink or the spot, nothing else on the field but its links.
+
+## Controls
+
+- A spot-filled button in Chivo 700 at 3px beside a plain `--rule-bar` spot underline with no box.
+- Links in ink with a spot underline; inputs at 3px, 1px ink border.
+- The spot sits on controls, the screen, a field band and the focus ring; never on body type.
+
+## Motion
+
+State only, `--dur-short` on `--ease-out`: a button darkens one step. The screen never moves.
+
+## Voice
+
+The label: the fruit, the calories, the size of the can, the price of the box. Blunt, sweet and specific; never a lifestyle.
+
+## Do-nots
+
+- Never a second ink; one spot does dots, buttons and fields, and a blue link on the cream is a different printer.
+- Never a gradient that is not dots; a fade is a screen from solid to nothing.
+- Never dots under or across type or a photograph.
+- Never a synthesised bold Ultra, a soft shadow or a rounded well.
+- Never spot type smaller than a section head on the cream; it prints weak, so small spot type takes the deep spot.
+
+## Build hint
+
+```html
+<link href="https://fonts.googleapis.com/css2?family=Ultra&family=Chivo:wght@400;500;700&display=swap" rel="stylesheet">
+```
+
+```css
+h1, h2, h3 { font-weight: var(--display-weight); line-height: 1.08; }
+.poster { font: 400 clamp(10rem, 22vw, 20rem)/0.9 var(--font-display); letter-spacing: -0.02em; color: var(--color-accent); font-variant-numeric: tabular-nums; }
+.btn { padding: var(--space-md) var(--space-lg); border-radius: var(--radius-input); font: 700 var(--text-sm) var(--font-body); background: var(--color-accent); color: var(--color-accent-ink); }
+.btn--secondary { background: none; color: var(--color-ink); padding: var(--space-md) 0 var(--space-xs); border-radius: 0; border-bottom: var(--rule-bar) solid var(--color-accent); }
+.well { border: var(--rule-bar) solid var(--color-ink); background: var(--color-paper-2); }
+.ruled { border-top: var(--rule-bar) solid var(--color-ink); } .ruled > * { border-bottom: var(--rule-hair) solid var(--color-rule); }
+.photo { outline: var(--rule-hair) solid var(--color-ink); outline-offset: calc(-1 * var(--rule-hair)); }
+.halftone { position: relative; isolation: isolate; }
+.halftone::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
+  background: radial-gradient(var(--color-dot) var(--halftone-dot), transparent calc(var(--halftone-dot) + 0.5px)) 0 0 / var(--halftone-size) var(--halftone-size);
+  mask: linear-gradient(110deg, transparent 45%, var(--color-ink) 95%); }
+::selection { background: color-mix(in oklab, var(--color-accent) 30%, transparent); }
+```

package/skills/hallmark/references/themes/hedgerow.md

@@ -0,0 +1,104 @@
+---
+name: Hedgerow
+slug: hedgerow
+genre: editorial
+paper: dark 24 158
+display: high-contrast-serif Prata
+accent: chromatic-green 118
+posture: drenched
+keywords: distillery, gin, brewery, forager, botanicals, nature reserve, walking, trail, seeds, plants, nursery, hedge, countryside, field guide, provenance, harvest, batch, seasonal, map, miles
+material: deep leaf-green paper, cream ink, Prata heads over Manrope, low-key photographs in true colour, square flat surfaces with pill controls, one chartreuse signal with a moss strength for cream
+photo: natural sat=-10 con=8 exp=-8
+pictured: Field Guide, Poster hero
+---
+
+# Hedgerow
+
+A dark page that reads as green, not night: a deep leaf-green ground, cream ink, Prata's sharp high-contrast names over a quiet Manrope, plants photographed close in shade, and one chartreuse that marks the controls and the few lines the page draws. It feels botanical, exact and fresh, like a field guide opened on a bench. It is not black luxury with a gold accent, and not a rustic kraft-paper page.
+
+## Tokens
+
+```css
+:root {
+  --color-paper: oklch(24% 0.052 158); --color-paper-2: oklch(19.5% 0.045 158); --color-paper-3: oklch(29.5% 0.05 158);
+  --color-ink: oklch(93% 0.022 88); --color-ink-2: oklch(81% 0.035 150); --color-muted: oklch(69% 0.045 150);
+  --color-rule: oklch(35% 0.05 158);
+  --color-accent: oklch(87% 0.19 118); --color-accent-2: oklch(92% 0.13 118); --color-accent-deep: oklch(46% 0.12 128); --color-accent-ink: oklch(22% 0.05 158); --color-focus: oklch(92% 0.13 118);
+  --font-display: "Prata", Georgia, serif; --font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
+  --font-outlier: "IBM Plex Mono", ui-monospace, monospace;
+  --radius-card: 0; --radius-pill: 999px; --rule-hair: 1px;
+  --shadow-card: none;
+  --tracking-display: -0.005em; --display-weight: 400;
+}
+```
+
+One dial, the colourway, stated in the stamp (`hedgerow: hedge`). `--color-accent-deep` is the moss strength of the signal: it takes the chartreuse's place on the cream band, where chartreuse vanishes.
+
+| Colourway | Ground | Ink | Accent |
+| --- | --- | --- | --- |
+| `hedge` (default) | oklch(24% 0.052 158) | cream oklch(93% 0.022 88) | chartreuse oklch(87% 0.19 118) |
+| `sloe` | plum oklch(25% 0.06 320) | oklch(94% 0.02 80) | straw oklch(88% 0.15 95) |
+
+## Type
+
+- **Display:** Prata 400, its only weight, `font-synthesis: none`; line-height 1.08, sentence case, roman. Item titles take Prata too, never under 22px, where its hairlines thin out. Figures at statement size are Prata, lining.
+- **Body:** Manrope 400 at 17px, line-height 1.6, in `--color-ink-2`; 500 for labels, 700 only on controls.
+- **Labels, captions, table heads:** Manrope 500 a step smaller, sentence case, untracked, `--color-muted`. A plant's Latin name sits beside its common one in this style, roman. IBM Plex Mono only inside code.
+
+## Surfaces
+
+- 1px rules: `--color-rule` between rows, `--color-muted` where two sections part, a 1.5px chartreuse rule heading the one list that matters most.
+- Square and flat: radius 0 on wells, photographs and inputs; no shadow, no blur, no gradient but a photograph's scrim. Depth is a paper step: a well in `--color-paper-3`, a band in `--color-paper-2`.
+- Bands: a `--color-paper-2` band, and one cream band (`--color-ink` ground, `--color-paper` text, moss line work, hedge-green controls) for the densest section. Two a page at most.
+- Photographs: plants as a forager meets them, close and low-key: one plant at arm's length in shade, a hedge along a lane, the land at first light, the still, a glass on a dark bench. Square, a 1px cream ring at 8%, colour kept true, never toned green. A caption names the plant under the frame; type on a photograph only over a hedge-green scrim at 45 to 70%.
+- Line work only for a chart or a map of real places, 1.2px chartreuse strokes, unfilled. No texture.
+
+## Range
+
+- **Index as a field guide:** Rows with the common name in Prata at `--text-2xl` or larger, the Latin name in the label style, then one line, under the chartreuse rule; the plants carry a section with no picture.
+- **Figures as a bottle label:** the batch, the count, the price, the distance in Prata at `--text-display-s` and up, parted by `--color-rule` verticals on a `--color-paper-2` band; one figure in chartreuse.
+- **Statement in cream:** one Prata sentence at display size on the green, or the cream band holding a working control (a quantity and its running total in Prata) with moss rules.
+- **Table as a still log:** batch, date bottled, count and price as ruled rows, numerals tabular, the current row's rule chartreuse.
+
+## Controls
+
+- The pair: a chartreuse pill in Manrope 700 with `--color-accent-ink` text beside a pill outlined in 1.5px chartreuse. The primary lightens to `--color-accent-2` on hover. On the cream band both turn hedge green.
+- Links are cream with a 1px chartreuse underline; inputs are square, a 1px `--color-muted` border on `--color-paper-2`, the ring in `--color-focus`.
+
+## Motion
+
+Still. State only, over `--dur-short` on `--ease-out`: the primary lightens, an underline thickens, a row's rule turns chartreuse. No growth, no drift, no scroll reveal.
+
+## Voice
+
+A field guide's: the plant and where it grows, then how far and when, only where the prompt knows; never invent a distance or a month. Provenance as a sentence, never a badge.
+
+## Do-nots
+
+- Never a second accent; sold out is muted, not red.
+- Never a black or blue-black ground; the dark is leaf green, or plum on `sloe`.
+- Never a bright, high-key photograph: a berry on white or a sunny meadow reads as a hole in the green.
+- Never chartreuse running text, a chartreuse band, or chartreuse on cream.
+
+## Build hint
+
+```html
+<link href="https://fonts.googleapis.com/css2?family=Prata&family=Manrope:wght@400;500;700&display=swap" rel="stylesheet">
+```
+
+```css
+h1, h2, h3 { font-weight: 400; line-height: 1.08; font-synthesis: none; }
+.btn { border: 1.5px solid var(--color-accent); border-radius: var(--radius-pill); padding: var(--space-sm) var(--space-lg); font-size: var(--text-sm); font-weight: 700; transition: background-color var(--dur-short) var(--ease-out); }
+.btn--primary { background: var(--color-accent); color: var(--color-accent-ink); }
+.btn--primary:hover { background: var(--color-accent-2); border-color: var(--color-accent-2); }
+.btn--secondary { background: transparent; color: var(--color-accent); }
+.band--cream { background: var(--color-ink); color: var(--color-paper); --color-rule: color-mix(in oklab, var(--color-paper) 22%, var(--color-ink)); }
+.band--cream .btn { border-color: var(--color-paper); color: var(--color-paper); }
+.band--cream .btn--primary { background: var(--color-paper); color: var(--color-ink); }
+.band--cream .figure { color: var(--color-accent-deep); }
+.index { border-top: 1.5px solid var(--color-accent); }
+.index > li { border-bottom: var(--rule-hair) solid var(--color-rule); }
+.photo img { outline: var(--rule-hair) solid color-mix(in oklab, var(--color-ink) 8%, transparent); outline-offset: -1px; }
+.figure { font-family: var(--font-display); font-variant-numeric: lining-nums tabular-nums; }
+a { text-decoration-color: var(--color-accent); }
+```

package/skills/hallmark/references/themes/hum.md

@@ -0,0 +1,99 @@
+---
+name: Hum
+slug: hum
+genre: playful
+paper: light 97 95
+display: rounded-sans Chillax
+accent: chromatic-yellow 95
+posture: full-palette
+keywords: daily, habit, streak, practice, learning, reading, curiosity, mood, energy, friendship, community, kids, family, parents, school, game, puzzle, creative, playful, alive
+material: grained cream paper pulled toward pear-yellow, torn paper edges with a pale fibre core, card-stock controls that press down, blue-black ink, Chillax throughout, three accents that never blend and a mint for growth
+photo: natural vib=12 exp=4
+pictured: Workbench, Settled hero
+---
+
+# Hum
+
+Cut paper made by hand, cheerful without turning childish: cream paper with a visible grain and fibre, sheets torn along their edges so a pale core shows, card stock you can press, all lit from the top left. Chillax runs from head to label (its single-storey a and g read like an early reader's page) in a blue-black ink. Three accents never blend: pear for the action, blue for links, coral for one loud moment; mint is growth. Not a pastel nursery template, not a rainbow page, not clip-art.
+
+## Tokens
+
+```css
+:root {
+  --color-paper: oklch(97% 0.012 95); --color-paper-2: oklch(94.5% 0.018 95); --color-paper-3: oklch(91% 0.022 95);
+  --color-ink: oklch(20% 0.014 255); --color-ink-2: oklch(29% 0.014 255); --color-muted: oklch(47% 0.014 255);
+  --color-rule: oklch(87% 0.016 95);
+  --color-accent: oklch(87% 0.175 96); --color-accent-deep: oklch(72% 0.16 92); --color-accent-ink: oklch(20% 0.014 255);
+  --color-accent-2: oklch(50% 0.17 250); --color-accent-3: oklch(70% 0.2 22);
+  --color-mint: oklch(82% 0.15 152); --color-mint-deep: oklch(48% 0.12 155); --color-focus: oklch(50% 0.17 250);
+  --color-card: oklch(98.8% 0.007 95); --color-edge: oklch(83% 0.04 88); --color-fringe: oklch(99.2% 0.006 95);
+  --color-kraft: oklch(63% 0.085 62); --color-sand: oklch(77% 0.1 76); --color-sugar: oklch(89% 0.035 236);
+  --color-hill-1: oklch(94.5% 0.03 118); --color-hill-2: oklch(91.5% 0.045 135); --color-leaf: oklch(64% 0.15 150);
+  --font-display: "Chillax", ui-rounded, ui-sans-serif, sans-serif; --font-body: var(--font-display);
+  --font-outlier: "Geist Mono", ui-monospace, monospace;
+  --radius-card: 24px; --radius-stock: 16px; --radius-input: 14px; --radius-pill: 999px; --rule-hair: 1px;
+  --shadow-card: 0 1px 2px oklch(20% 0.014 255 / 0.06), 0 12px 28px -14px oklch(20% 0.014 255 / 0.22);
+  --shadow-paper: drop-shadow(0 0 0.6px oklch(20% 0.014 255 / 0.32)) drop-shadow(1.5px 2.5px 1.5px oklch(20% 0.014 255 / 0.1)) drop-shadow(6px 14px 16px oklch(20% 0.014 255 / 0.13));
+  --tracking-display: -0.03em; --display-weight: 600;
+  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); --ease-snap: cubic-bezier(0.22, 1, 0.36, 1);
+}
+```
+
+## Type
+
+- **Display:** Chillax 600, `--tracking-display`, line-height 1.02 to 1.05, sentence case. Figures at `--text-display` or larger, their unit at `--text-title`.
+- **Body:** Chillax 500 at 17 to 19px, line-height 1.5; emphasis is a pear highlighter band behind the words, never inside a head. Two weights, 500 and 600.
+- **Labels, captions, units:** Chillax 500 a step smaller, sentence case, `--color-muted`. Geist Mono only inside code.
+
+## Surfaces
+
+- The paper is generated, never a picture: two `feTurbulence` data URIs, a fine fractal grain (`--grain`) and a long turbulence fibre (`--fibre`), under every paper, card and accent fill.
+- Torn edges: a band, a nav bar, a photograph or a sheet ends in a `clip-path` polygon from seeded value noise, its fibre twin (`--color-fringe`) standing a pixel proud beneath. Grounds may layer: far hills in `--color-hill-*`, soil in `--color-leaf`, a kraft strip, a blue sugar-paper mat.
+- Light comes from the top left: stacked `--shadow-paper` drop shadows fall down and right on every cut sheet; a card may lift one corner in a page curl.
+- Round everywhere: 24px surfaces (28 to 32px for children), 16px card stock, no square corner.
+- Bands: paper-2, a torn ink sheet with paper text, or one pear field. Two a page at most.
+- Photographs: bright daylight at a child's height, never a face to camera; torn on one edge, one or two a page.
+
+## Range
+
+- **The product as card stock:** the app's own moment built large, words as card-stock tiles on a torn kraft strip, each pressed one popping into its accent.
+- **Growth set in type:** a bed of plants made of Chillax glyphs (stems of l, bracket leaves, letter heads) on torn soil, filling as the prompt's numbers say, shown in states a row of pills switches.
+- **Figures on the pear field:** three or four of the prompt's numbers at display size in ink on one pear sheet, each unit beneath in 500.
+- **A choice as card-stock pills:** a working control on the prompt's facts, the result a sentence with its key value in a pear highlighter band.
+
+## Controls
+
+- Card stock: 54px controls at `--radius-stock`, grain and fibre on the fill, an inset highlight on top and a solid 5px edge below (`--color-accent-deep` on the pear primary, `--color-edge` on the secondary card); hover raises the edge to 7px, active presses it to 1px. The spring runs on the primary only.
+- Each accent owns a job: pear the primary and the one pear field; blue links and the focus ring; coral one loud fill; mint growth. A chosen pill is ink with paper type. One die-cut sticker may carry the offer.
+- Inputs: 14px radius, 52px tall, a 1px `--color-muted` border, the blue focus ring.
+
+## Motion
+
+Spring posture declared (gate 12): `--ease-spring` on the primary control only; everything else on `--ease-snap`, never `scale()`. A word pops in its accent and its plant grows; a timer may tear off a scrap of paper as it runs, paused off screen. Reduced motion or no script: the end state.
+
+## Voice
+
+Warm, smart, casual, direct, written to the grown-up beside the child. Sentence case, verbs over nouns, honest numbers only.
+
+## Do-nots
+
+- Never a serif, never pure white paper, never a square corner.
+- Never a clean vector edge on a cut sheet or a shadow that falls up or left.
+- Never a gradient between two accents and never a rainbow ground.
+- Never emoji, stock icons or a drawn character; type, paper and the product carry it.
+
+## Build hint
+
+```html
+<link href="https://api.fontshare.com/v2/css?f[]=chillax@500,600&display=swap" rel="stylesheet">
+```
+
+```css
+h1, h2, h3 { font-weight: var(--display-weight); }
+.btn { --edge: 5px; border: 0; border-radius: var(--radius-stock); min-height: 54px; padding: 0 var(--space-lg); font-weight: 600; background: var(--grain), var(--fibre), var(--color-card); box-shadow: inset 0 0 0 1px var(--color-rule), 0 var(--edge) 0 0 var(--color-edge); transition: translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap); }
+.btn--primary { background: var(--grain), var(--fibre), var(--color-accent); color: var(--color-accent-ink); box-shadow: 0 var(--edge) 0 0 var(--color-accent-deep), 2px calc(var(--edge) + 4px) 10px -3px color-mix(in oklab, var(--color-ink) 32%, transparent); transition-timing-function: var(--ease-spring); }
+.btn:hover { --edge: 7px; translate: 0 -2px; } .btn:active { --edge: 1px; translate: 0 4px; }
+.sheet { position: absolute; filter: var(--shadow-paper); } .sheet > i { position: absolute; inset: 0; background: var(--grain), var(--fibre), var(--sheet-c, var(--color-paper-3)); }
+mark { background: color-mix(in oklab, var(--color-accent) 55%, transparent); color: inherit; box-decoration-break: clone; }
+a { color: var(--color-accent-2); }
+```