@plus234feed/ds 0.0.0-stage → 0.3.0

package/build/tokens.json

@@ -0,0 +1,1514 @@
+{
+  "prefix": "p234",
+  "themes": [
+    "light",
+    "dark"
+  ],
+  "tokens": {
+    "color.ink": {
+      "var": "--p234-color-ink",
+      "value": "#1a1a18",
+      "type": "color",
+      "description": "Body and headline text. Warm near-black, not pure black, so long serif copy does not vibrate.",
+      "dark": "#f2f0ea"
+    },
+    "color.ink-muted": {
+      "var": "--p234-color-ink-muted",
+      "value": "#5b584f",
+      "type": "color",
+      "description": "Bylines, timestamps, source names, captions. Must stay 4.5:1 on paper and paper-alt.",
+      "dark": "#b0aca2"
+    },
+    "color.ink-subtle": {
+      "var": "--p234-color-ink-subtle",
+      "value": "#6e6b62",
+      "type": "color",
+      "description": "The lightest text allowed anywhere. Still passes 4.5:1. Below this, use ink-muted.",
+      "dark": "#9b978d"
+    },
+    "color.ink-inverse": {
+      "var": "--p234-color-ink-inverse",
+      "value": "#ffffff",
+      "type": "color",
+      "description": "Text on paper-dark and on brand.",
+      "dark": "#f2f0ea"
+    },
+    "color.paper": {
+      "var": "--p234-color-paper",
+      "value": "#ffffff",
+      "type": "color",
+      "description": "Page background.",
+      "dark": "#141413"
+    },
+    "color.paper-alt": {
+      "var": "--p234-color-paper-alt",
+      "value": "#faf8f4",
+      "type": "color",
+      "description": "Warm newsprint tint for section bands and pull panels. Subtle on purpose: this is not a cream site.",
+      "dark": "#1c1c1a"
+    },
+    "color.paper-sunk": {
+      "var": "--p234-color-paper-sunk",
+      "value": "#f1eee7",
+      "type": "color",
+      "description": "Recessed blocks: data tables, quote blocks, the ad slot frame.",
+      "dark": "#242421"
+    },
+    "color.paper-dark": {
+      "var": "--p234-color-paper-dark",
+      "value": "#1a1a18",
+      "type": "color",
+      "description": "Footer, masthead inverse, section dividers on dark.",
+      "dark": "#0d0d0c"
+    },
+    "color.rule": {
+      "var": "--p234-color-rule",
+      "value": "#e3dfd6",
+      "type": "color",
+      "description": "The hairline that does the layout work. Editorial pages separate with rules, not shadows or cards.",
+      "dark": "#32312d"
+    },
+    "color.rule-strong": {
+      "var": "--p234-color-rule-strong",
+      "value": "#8c887e",
+      "type": "color",
+      "description": "Section rules and form control borders. Non-text, needs 3:1.",
+      "dark": "#6b685f"
+    },
+    "color.brand": {
+      "var": "--p234-color-brand",
+      "value": "#417742",
+      "type": "color",
+      "description": "Plus234Feed green. Kickers, links, the masthead plus. Carried over from the existing identity.",
+      "dark": "#8cc48c"
+    },
+    "color.brand-hover": {
+      "var": "--p234-color-brand-hover",
+      "value": "#356136",
+      "type": "color",
+      "description": null,
+      "dark": "#a4d2a4"
+    },
+    "color.on-brand": {
+      "var": "--p234-color-on-brand",
+      "value": "#ffffff",
+      "type": "color",
+      "description": "Text on a brand background. Build verifies 4.5:1.",
+      "dark": "#141413"
+    },
+    "color.brand-tint": {
+      "var": "--p234-color-brand-tint",
+      "value": "#eaf1e8",
+      "type": "color",
+      "description": "Selected rows, followed-topic chips, the live band.",
+      "dark": "#1e2a1e"
+    },
+    "color.link": {
+      "var": "--p234-color-link",
+      "value": "#417742",
+      "type": "color",
+      "description": null,
+      "dark": "#8cc48c"
+    },
+    "color.link-hover": {
+      "var": "--p234-color-link-hover",
+      "value": "#356136",
+      "type": "color",
+      "description": null,
+      "dark": "#a4d2a4"
+    },
+    "color.link-visited": {
+      "var": "--p234-color-link-visited",
+      "value": "#5b2a86",
+      "type": "color",
+      "description": "Real news readers revisit. Visited state is not optional on an archive this size.",
+      "dark": "#cbb0ea"
+    },
+    "color.focus": {
+      "var": "--p234-color-focus",
+      "value": "#ffbf47",
+      "type": "color",
+      "description": "Focus ring. Always drawn with focus-outer behind it so it survives any background.",
+      "dark": "#ffbf47"
+    },
+    "color.focus-outer": {
+      "var": "--p234-color-focus-outer",
+      "value": "#1a1a18",
+      "type": "color",
+      "description": "The ring drawn outside the focus colour. Dark on light pages, so the amber reads; in dark it recedes and the amber does the work alone.",
+      "dark": "#0d0d0c"
+    },
+    "color.section-politics": {
+      "var": "--p234-color-section-politics",
+      "value": "#9b2c2c",
+      "type": "color",
+      "description": "Kicker text and section rule only. Never a background.",
+      "dark": "#eb9494"
+    },
+    "color.section-business": {
+      "var": "--p234-color-section-business",
+      "value": "#1f4e79",
+      "type": "color",
+      "description": null,
+      "dark": "#8fbce8"
+    },
+    "color.section-markets": {
+      "var": "--p234-color-section-markets",
+      "value": "#8a5700",
+      "type": "color",
+      "description": null,
+      "dark": "#e5bc6a"
+    },
+    "color.section-world": {
+      "var": "--p234-color-section-world",
+      "value": "#5b2a86",
+      "type": "color",
+      "description": null,
+      "dark": "#c9a9ee"
+    },
+    "color.section-sport": {
+      "var": "--p234-color-section-sport",
+      "value": "#0f6e5c",
+      "type": "color",
+      "description": null,
+      "dark": "#63c9b0"
+    },
+    "color.data-up": {
+      "var": "--p234-color-data-up",
+      "value": "#15683b",
+      "type": "color",
+      "description": "Gainers. Paired with an arrow glyph, never colour alone. Dark enough to clear 4.5:1 inside a sunk data table, which the first draft missed.",
+      "dark": "#5cc184"
+    },
+    "color.data-down": {
+      "var": "--p234-color-data-down",
+      "value": "#b4232a",
+      "type": "color",
+      "description": "Decliners. Paired with an arrow glyph, never colour alone.",
+      "dark": "#ef8288"
+    },
+    "color.data-flat": {
+      "var": "--p234-color-data-flat",
+      "value": "#5b584f",
+      "type": "color",
+      "description": null,
+      "dark": "#b0aca2"
+    },
+    "color.chart-series-1": {
+      "var": "--p234-color-chart-series-1",
+      "value": "#1565C0",
+      "type": "color",
+      "description": "Blue. Series are assigned in this fixed order and never cycled: colour follows the entity, so a filter that drops a series must not repaint the survivors.",
+      "dark": "#4A90D9"
+    },
+    "color.chart-series-2": {
+      "var": "--p234-color-chart-series-2",
+      "value": "#B08500",
+      "type": "color",
+      "description": "Ochre.",
+      "dark": "#AD8B2A"
+    },
+    "color.chart-series-3": {
+      "var": "--p234-color-chart-series-3",
+      "value": "#B5537F",
+      "type": "color",
+      "description": "Magenta. The first three are the mutually distinct set, safe when series are compared through a legend rather than side by side.",
+      "dark": "#D16A9A"
+    },
+    "color.chart-series-4": {
+      "var": "--p234-color-chart-series-4",
+      "value": "#2E7D32",
+      "type": "color",
+      "description": "Green. From here on only ADJACENT separation is guaranteed, so four or more series need direct labels or faceting.",
+      "dark": "#2F9463"
+    },
+    "color.chart-series-5": {
+      "var": "--p234-color-chart-series-5",
+      "value": "#6A4FA3",
+      "type": "color",
+      "description": "Purple. The last slot. A sixth series folds into Other, or the chart becomes small multiples.",
+      "dark": "#9B7ED9"
+    },
+    "color.chart-axis": {
+      "var": "--p234-color-chart-axis",
+      "value": "#8c887e",
+      "type": "color",
+      "description": "Axis line and ticks. Non-text, needs 3:1.",
+      "dark": "#6b685f"
+    },
+    "color.chart-grid": {
+      "var": "--p234-color-chart-grid",
+      "value": "#ebe8e1",
+      "type": "color",
+      "description": "Grid lines, deliberately recessive. Not gated at 3:1 because a grid that competes with the data is a worse chart.",
+      "dark": "#282722"
+    },
+    "color.chart-reference": {
+      "var": "--p234-color-chart-reference",
+      "value": "#6e6b62",
+      "type": "color",
+      "description": "Dashed reference lines: a target, an official figure, a prior period.",
+      "dark": "#9b978d"
+    },
+    "color.chart-tooltip-bg": {
+      "var": "--p234-color-chart-tooltip-bg",
+      "value": "#1a1a18",
+      "type": "color",
+      "description": null,
+      "dark": "#2a2a26"
+    },
+    "color.chart-tooltip-ink": {
+      "var": "--p234-color-chart-tooltip-ink",
+      "value": "#ffffff",
+      "type": "color",
+      "description": null,
+      "dark": "#f2f0ea"
+    },
+    "color.chart-tooltip-border": {
+      "var": "--p234-color-chart-tooltip-border",
+      "value": "#3f3d38",
+      "type": "color",
+      "description": null,
+      "dark": "#4a4840"
+    },
+    "color.chart-seq-1": {
+      "var": "--p234-color-chart-seq-1",
+      "value": "#8CB2DD",
+      "type": "color",
+      "description": "Sequential ramp for magnitude, one hue light to dark. This is what the Nigeria choropleth reads. Never a rainbow.",
+      "dark": "#36618C"
+    },
+    "color.chart-seq-2": {
+      "var": "--p234-color-chart-seq-2",
+      "value": "#5F8FC4",
+      "type": "color",
+      "description": null,
+      "dark": "#4A7FB0"
+    },
+    "color.chart-seq-3": {
+      "var": "--p234-color-chart-seq-3",
+      "value": "#3F6EA8",
+      "type": "color",
+      "description": null,
+      "dark": "#5E9CD1"
+    },
+    "color.chart-seq-4": {
+      "var": "--p234-color-chart-seq-4",
+      "value": "#27507F",
+      "type": "color",
+      "description": null,
+      "dark": "#86B9E3"
+    },
+    "color.chart-seq-5": {
+      "var": "--p234-color-chart-seq-5",
+      "value": "#123455",
+      "type": "color",
+      "description": null,
+      "dark": "#B3D6F2"
+    },
+    "color.chart-div-1": {
+      "var": "--p234-color-chart-div-1",
+      "value": "#8A6D00",
+      "type": "color",
+      "description": "Diverging ramp for polarity: warm pole, neutral midpoint, cool pole. For swings and margins, where the sign matters as much as the size.",
+      "dark": "#AD8B2A"
+    },
+    "color.chart-div-2": {
+      "var": "--p234-color-chart-div-2",
+      "value": "#C9AE6E",
+      "type": "color",
+      "description": null,
+      "dark": "#7E6A32"
+    },
+    "color.chart-div-3": {
+      "var": "--p234-color-chart-div-3",
+      "value": "#EDEBE6",
+      "type": "color",
+      "description": "The neutral midpoint. Never a hue: a coloured midpoint invents a category that is not in the data.",
+      "dark": "#34322E"
+    },
+    "color.chart-div-4": {
+      "var": "--p234-color-chart-div-4",
+      "value": "#6E9FD4",
+      "type": "color",
+      "description": null,
+      "dark": "#3E6B96"
+    },
+    "color.chart-div-5": {
+      "var": "--p234-color-chart-div-5",
+      "value": "#1D4F85",
+      "type": "color",
+      "description": null,
+      "dark": "#86B9E3"
+    },
+    "color.field-bg": {
+      "var": "--p234-color-field-bg",
+      "value": "#ffffff",
+      "type": "color",
+      "description": "Input, select and textarea background.",
+      "dark": "#1c1c1a"
+    },
+    "color.field-border": {
+      "var": "--p234-color-field-border",
+      "value": "#8c887e",
+      "type": "color",
+      "description": "Resting border. Non-text, needs 3:1, which is what makes the control visible at all.",
+      "dark": "#6b685f"
+    },
+    "color.field-border-hover": {
+      "var": "--p234-color-field-border-hover",
+      "value": "#5b584f",
+      "type": "color",
+      "description": null,
+      "dark": "#9b978d"
+    },
+    "color.field-ink-placeholder": {
+      "var": "--p234-color-field-ink-placeholder",
+      "value": "#6e6b62",
+      "type": "color",
+      "description": "Placeholder text. Still 4.5:1, because a placeholder nobody can read is not a hint.",
+      "dark": "#9b978d"
+    },
+    "color.field-bg-disabled": {
+      "var": "--p234-color-field-bg-disabled",
+      "value": "#f1eee7",
+      "type": "color",
+      "description": null,
+      "dark": "#242421"
+    },
+    "color.success": {
+      "var": "--p234-color-success",
+      "value": "#00703c",
+      "type": "color",
+      "description": null,
+      "dark": "#5cc184"
+    },
+    "color.success-tint": {
+      "var": "--p234-color-success-tint",
+      "value": "#e6f2ec",
+      "type": "color",
+      "description": null,
+      "dark": "#15251b"
+    },
+    "color.warning": {
+      "var": "--p234-color-warning",
+      "value": "#8a5700",
+      "type": "color",
+      "description": null,
+      "dark": "#e5bc6a"
+    },
+    "color.warning-tint": {
+      "var": "--p234-color-warning-tint",
+      "value": "#fdf3e1",
+      "type": "color",
+      "description": null,
+      "dark": "#272015"
+    },
+    "color.error": {
+      "var": "--p234-color-error",
+      "value": "#b00020",
+      "type": "color",
+      "description": null,
+      "dark": "#ef8288"
+    },
+    "color.error-tint": {
+      "var": "--p234-color-error-tint",
+      "value": "#fbe9ec",
+      "type": "color",
+      "description": null,
+      "dark": "#2a1719"
+    },
+    "color.info": {
+      "var": "--p234-color-info",
+      "value": "#1d70b8",
+      "type": "color",
+      "description": null,
+      "dark": "#8fbce8"
+    },
+    "color.info-tint": {
+      "var": "--p234-color-info-tint",
+      "value": "#e8f1f8",
+      "type": "color",
+      "description": null,
+      "dark": "#151f28"
+    },
+    "font.family-display": {
+      "var": "--p234-font-family-display",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": "Headlines, standfirsts and article body. Charter, shipped by src/fonts.css at 64KB for four faces. It is the face macOS and iOS already carry, so the design looked right before anything was loaded; self-hosting it is what gives Android readers, who are 64 per cent of search traffic, the same page.",
+      "dark": null
+    },
+    "font.family-text": {
+      "var": "--p234-font-family-text",
+      "value": "Inter, ui-sans-serif, system-ui, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "type": "fontFamily",
+      "description": "Interface, navigation, kickers, metadata and all figures. Already loaded site-wide and used by the wordmark.",
+      "dark": null
+    },
+    "font.family-mono": {
+      "var": "--p234-font-family-mono",
+      "value": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+      "type": "fontFamily",
+      "description": "API documentation and code samples only. Figures use family-text with tabular numerals.",
+      "dark": null
+    },
+    "type.display-1.size": {
+      "var": "--p234-type-display-1-size",
+      "value": "clamp(2.25rem, 1.30rem + 4.2vw, 3.25rem)",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.display-1.leading": {
+      "var": "--p234-type-display-1-leading",
+      "value": "1.04",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.display-1.weight": {
+      "var": "--p234-type-display-1-weight",
+      "value": "700",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.display-1.tracking": {
+      "var": "--p234-type-display-1-tracking",
+      "value": "-0.022em",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.display-1.family": {
+      "var": "--p234-type-display-1-family",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.display-2.size": {
+      "var": "--p234-type-display-2-size",
+      "value": "clamp(1.75rem, 1.18rem + 2.5vw, 2.5rem)",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.display-2.leading": {
+      "var": "--p234-type-display-2-leading",
+      "value": "1.07",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.display-2.weight": {
+      "var": "--p234-type-display-2-weight",
+      "value": "700",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.display-2.tracking": {
+      "var": "--p234-type-display-2-tracking",
+      "value": "-0.02em",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.display-2.family": {
+      "var": "--p234-type-display-2-family",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.headline.size": {
+      "var": "--p234-type-headline-size",
+      "value": "1.625rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.headline.leading": {
+      "var": "--p234-type-headline-leading",
+      "value": "1.18",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.headline.weight": {
+      "var": "--p234-type-headline-weight",
+      "value": "700",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.headline.tracking": {
+      "var": "--p234-type-headline-tracking",
+      "value": "-0.015em",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.headline.family": {
+      "var": "--p234-type-headline-family",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-sm.size": {
+      "var": "--p234-type-headline-sm-size",
+      "value": "1.3125rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-sm.leading": {
+      "var": "--p234-type-headline-sm-leading",
+      "value": "1.24",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-sm.weight": {
+      "var": "--p234-type-headline-sm-weight",
+      "value": "700",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-sm.tracking": {
+      "var": "--p234-type-headline-sm-tracking",
+      "value": "-0.01em",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-sm.family": {
+      "var": "--p234-type-headline-sm-family",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-xs.size": {
+      "var": "--p234-type-headline-xs-size",
+      "value": "1.125rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-xs.leading": {
+      "var": "--p234-type-headline-xs-leading",
+      "value": "1.3",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-xs.weight": {
+      "var": "--p234-type-headline-xs-weight",
+      "value": "700",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-xs.tracking": {
+      "var": "--p234-type-headline-xs-tracking",
+      "value": "-0.005em",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.headline-xs.family": {
+      "var": "--p234-type-headline-xs-family",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.standfirst.size": {
+      "var": "--p234-type-standfirst-size",
+      "value": "1.1875rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.standfirst.leading": {
+      "var": "--p234-type-standfirst-leading",
+      "value": "1.5",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.standfirst.weight": {
+      "var": "--p234-type-standfirst-weight",
+      "value": "400",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.standfirst.tracking": {
+      "var": "--p234-type-standfirst-tracking",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.standfirst.family": {
+      "var": "--p234-type-standfirst-family",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.body.size": {
+      "var": "--p234-type-body-size",
+      "value": "1.125rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.body.leading": {
+      "var": "--p234-type-body-leading",
+      "value": "1.68",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.body.weight": {
+      "var": "--p234-type-body-weight",
+      "value": "400",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.body.tracking": {
+      "var": "--p234-type-body-tracking",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.body.family": {
+      "var": "--p234-type-body-family",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.body-sm.size": {
+      "var": "--p234-type-body-sm-size",
+      "value": "1rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.body-sm.leading": {
+      "var": "--p234-type-body-sm-leading",
+      "value": "1.6",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.body-sm.weight": {
+      "var": "--p234-type-body-sm-weight",
+      "value": "400",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.body-sm.tracking": {
+      "var": "--p234-type-body-sm-tracking",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.body-sm.family": {
+      "var": "--p234-type-body-sm-family",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.ui.size": {
+      "var": "--p234-type-ui-size",
+      "value": "0.9375rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.ui.leading": {
+      "var": "--p234-type-ui-leading",
+      "value": "1.45",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.ui.weight": {
+      "var": "--p234-type-ui-weight",
+      "value": "500",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.ui.tracking": {
+      "var": "--p234-type-ui-tracking",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.ui.family": {
+      "var": "--p234-type-ui-family",
+      "value": "Inter, ui-sans-serif, system-ui, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.ui-sm.size": {
+      "var": "--p234-type-ui-sm-size",
+      "value": "0.8125rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.ui-sm.leading": {
+      "var": "--p234-type-ui-sm-leading",
+      "value": "1.4",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.ui-sm.weight": {
+      "var": "--p234-type-ui-sm-weight",
+      "value": "500",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.ui-sm.tracking": {
+      "var": "--p234-type-ui-sm-tracking",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.ui-sm.family": {
+      "var": "--p234-type-ui-sm-family",
+      "value": "Inter, ui-sans-serif, system-ui, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.kicker.size": {
+      "var": "--p234-type-kicker-size",
+      "value": "0.75rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.kicker.leading": {
+      "var": "--p234-type-kicker-leading",
+      "value": "1.2",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.kicker.weight": {
+      "var": "--p234-type-kicker-weight",
+      "value": "700",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.kicker.tracking": {
+      "var": "--p234-type-kicker-tracking",
+      "value": "0.08em",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.kicker.family": {
+      "var": "--p234-type-kicker-family",
+      "value": "Inter, ui-sans-serif, system-ui, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.kicker.case": {
+      "var": "--p234-type-kicker-case",
+      "value": "uppercase",
+      "type": "string",
+      "description": null,
+      "dark": null
+    },
+    "type.meta.size": {
+      "var": "--p234-type-meta-size",
+      "value": "0.8125rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.meta.leading": {
+      "var": "--p234-type-meta-leading",
+      "value": "1.4",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.meta.weight": {
+      "var": "--p234-type-meta-weight",
+      "value": "400",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.meta.tracking": {
+      "var": "--p234-type-meta-tracking",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.meta.family": {
+      "var": "--p234-type-meta-family",
+      "value": "Inter, ui-sans-serif, system-ui, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.caption.size": {
+      "var": "--p234-type-caption-size",
+      "value": "0.75rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.caption.leading": {
+      "var": "--p234-type-caption-leading",
+      "value": "1.45",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.caption.weight": {
+      "var": "--p234-type-caption-weight",
+      "value": "400",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.caption.tracking": {
+      "var": "--p234-type-caption-tracking",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.caption.family": {
+      "var": "--p234-type-caption-family",
+      "value": "Inter, ui-sans-serif, system-ui, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.data-lg.size": {
+      "var": "--p234-type-data-lg-size",
+      "value": "2rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.data-lg.leading": {
+      "var": "--p234-type-data-lg-leading",
+      "value": "1.1",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.data-lg.weight": {
+      "var": "--p234-type-data-lg-weight",
+      "value": "600",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.data-lg.tracking": {
+      "var": "--p234-type-data-lg-tracking",
+      "value": "-0.01em",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.data-lg.family": {
+      "var": "--p234-type-data-lg-family",
+      "value": "Inter, ui-sans-serif, system-ui, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.data-lg.numeric": {
+      "var": "--p234-type-data-lg-numeric",
+      "value": "tabular-nums",
+      "type": "string",
+      "description": null,
+      "dark": null
+    },
+    "type.data.size": {
+      "var": "--p234-type-data-size",
+      "value": "1.125rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.data.leading": {
+      "var": "--p234-type-data-leading",
+      "value": "1.2",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.data.weight": {
+      "var": "--p234-type-data-weight",
+      "value": "600",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.data.tracking": {
+      "var": "--p234-type-data-tracking",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.data.family": {
+      "var": "--p234-type-data-family",
+      "value": "Inter, ui-sans-serif, system-ui, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.data.numeric": {
+      "var": "--p234-type-data-numeric",
+      "value": "tabular-nums",
+      "type": "string",
+      "description": null,
+      "dark": null
+    },
+    "type.data-sm.size": {
+      "var": "--p234-type-data-sm-size",
+      "value": "0.875rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.data-sm.leading": {
+      "var": "--p234-type-data-sm-leading",
+      "value": "1.2",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.data-sm.weight": {
+      "var": "--p234-type-data-sm-weight",
+      "value": "500",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.data-sm.tracking": {
+      "var": "--p234-type-data-sm-tracking",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.data-sm.family": {
+      "var": "--p234-type-data-sm-family",
+      "value": "Inter, ui-sans-serif, system-ui, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "type.data-sm.numeric": {
+      "var": "--p234-type-data-sm-numeric",
+      "value": "tabular-nums",
+      "type": "string",
+      "description": null,
+      "dark": null
+    },
+    "type.quote.size": {
+      "var": "--p234-type-quote-size",
+      "value": "1.375rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.quote.leading": {
+      "var": "--p234-type-quote-leading",
+      "value": "1.45",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "type.quote.weight": {
+      "var": "--p234-type-quote-weight",
+      "value": "400",
+      "type": "fontWeight",
+      "description": null,
+      "dark": null
+    },
+    "type.quote.tracking": {
+      "var": "--p234-type-quote-tracking",
+      "value": "-0.01em",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "type.quote.family": {
+      "var": "--p234-type-quote-family",
+      "value": "Charter, \"Charis SIL\", \"Iowan Old Style\", Georgia, serif",
+      "type": "fontFamily",
+      "description": null,
+      "dark": null
+    },
+    "space.0": {
+      "var": "--p234-space-0",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.1": {
+      "var": "--p234-space-1",
+      "value": "0.125rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.2": {
+      "var": "--p234-space-2",
+      "value": "0.25rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.3": {
+      "var": "--p234-space-3",
+      "value": "0.5rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.4": {
+      "var": "--p234-space-4",
+      "value": "0.75rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.5": {
+      "var": "--p234-space-5",
+      "value": "1rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.6": {
+      "var": "--p234-space-6",
+      "value": "1.5rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.7": {
+      "var": "--p234-space-7",
+      "value": "2rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.8": {
+      "var": "--p234-space-8",
+      "value": "3rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.9": {
+      "var": "--p234-space-9",
+      "value": "4rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "space.10": {
+      "var": "--p234-space-10",
+      "value": "6rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "measure.narrow": {
+      "var": "--p234-measure-narrow",
+      "value": "46ch",
+      "type": "dimension",
+      "description": "Sidebar and rail copy.",
+      "dark": null
+    },
+    "measure.text": {
+      "var": "--p234-measure-text",
+      "value": "66ch",
+      "type": "dimension",
+      "description": "Article body. The reason the article column is capped, not full width.",
+      "dark": null
+    },
+    "measure.wide": {
+      "var": "--p234-measure-wide",
+      "value": "78ch",
+      "type": "dimension",
+      "description": "Data tables and wide standfirsts.",
+      "dark": null
+    },
+    "radius.none": {
+      "var": "--p234-radius-none",
+      "value": "0",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "radius.sm": {
+      "var": "--p234-radius-sm",
+      "value": "2px",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "radius.md": {
+      "var": "--p234-radius-md",
+      "value": "4px",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "radius.pill": {
+      "var": "--p234-radius-pill",
+      "value": "999px",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "border.hairline": {
+      "var": "--p234-border-hairline",
+      "value": "1px",
+      "type": "dimension",
+      "description": "Default rule between stories.",
+      "dark": null
+    },
+    "border.thick": {
+      "var": "--p234-border-thick",
+      "value": "2px",
+      "type": "dimension",
+      "description": "Section heading underline.",
+      "dark": null
+    },
+    "border.heavy": {
+      "var": "--p234-border-heavy",
+      "value": "4px",
+      "type": "dimension",
+      "description": "Masthead rule and the live band.",
+      "dark": null
+    },
+    "shadow.none": {
+      "var": "--p234-shadow-none",
+      "value": "none",
+      "type": "shadow",
+      "description": null,
+      "dark": null
+    },
+    "shadow.raise": {
+      "var": "--p234-shadow-raise",
+      "value": "0 1px 2px rgba(26, 26, 24, 0.06)",
+      "type": "shadow",
+      "description": "Sticky masthead once the page scrolls.",
+      "dark": null
+    },
+    "shadow.overlay": {
+      "var": "--p234-shadow-overlay",
+      "value": "0 8px 24px rgba(26, 26, 24, 0.16)",
+      "type": "shadow",
+      "description": "Menus, dialogs, the search panel.",
+      "dark": null
+    },
+    "layout.gutter": {
+      "var": "--p234-layout-gutter",
+      "value": "1rem",
+      "type": "dimension",
+      "description": "Page side gutter on phones.",
+      "dark": null
+    },
+    "layout.gutter-lg": {
+      "var": "--p234-layout-gutter-lg",
+      "value": "2rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "layout.column-gap": {
+      "var": "--p234-layout-column-gap",
+      "value": "2rem",
+      "type": "dimension",
+      "description": "Gap between editorial columns, wide enough for the rule to read.",
+      "dark": null
+    },
+    "layout.container": {
+      "var": "--p234-layout-container",
+      "value": "1280px",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "layout.container-text": {
+      "var": "--p234-layout-container-text",
+      "value": "720px",
+      "type": "dimension",
+      "description": "Article shell.",
+      "dark": null
+    },
+    "chart.line-width": {
+      "var": "--p234-chart-line-width",
+      "value": "2px",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "chart.grid-width": {
+      "var": "--p234-chart-grid-width",
+      "value": "1px",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "chart.marker-size": {
+      "var": "--p234-chart-marker-size",
+      "value": "8px",
+      "type": "dimension",
+      "description": "Minimum hit and read size for a point marker.",
+      "dark": null
+    },
+    "chart.area-opacity": {
+      "var": "--p234-chart-area-opacity",
+      "value": "0.14",
+      "type": "number",
+      "description": "Fill under a line. Low enough that an overlapping pair stays legible.",
+      "dark": null
+    },
+    "chart.mark-gap": {
+      "var": "--p234-chart-mark-gap",
+      "value": "2px",
+      "type": "dimension",
+      "description": "Surface-coloured gap between adjacent bars and stacked segments.",
+      "dark": null
+    },
+    "chart.radius-end": {
+      "var": "--p234-chart-radius-end",
+      "value": "4px",
+      "type": "dimension",
+      "description": "Rounded data end on a bar, anchored to the baseline. The baseline end stays square.",
+      "dark": null
+    },
+    "field.height": {
+      "var": "--p234-field-height",
+      "value": "2.75rem",
+      "type": "dimension",
+      "description": "44px, the touch target floor. Most readers are on a phone.",
+      "dark": null
+    },
+    "field.padding-x": {
+      "var": "--p234-field-padding-x",
+      "value": "0.75rem",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "field.radius": {
+      "var": "--p234-field-radius",
+      "value": "4px",
+      "type": "dimension",
+      "description": "radius.md. Form controls are the one place a visible radius helps, because it separates the control from the rule grid.",
+      "dark": null
+    },
+    "field.border-width": {
+      "var": "--p234-field-border-width",
+      "value": "1px",
+      "type": "dimension",
+      "description": null,
+      "dark": null
+    },
+    "field.border-width-invalid": {
+      "var": "--p234-field-border-width-invalid",
+      "value": "2px",
+      "type": "dimension",
+      "description": "An invalid field thickens its border as well as changing colour, so the state is not carried by colour alone.",
+      "dark": null
+    },
+    "figure.ratio": {
+      "var": "--p234-figure-ratio",
+      "value": "16 / 9",
+      "type": "string",
+      "description": "The default, and what img.plus234feed.com returns.",
+      "dark": null
+    },
+    "figure.ratio-portrait": {
+      "var": "--p234-figure-ratio-portrait",
+      "value": "3 / 4",
+      "type": "string",
+      "description": "People. A politician's photograph cropped to 16:9 loses the face.",
+      "dark": null
+    },
+    "figure.ratio-square": {
+      "var": "--p234-figure-ratio-square",
+      "value": "1 / 1",
+      "type": "string",
+      "description": "Logos and avatars.",
+      "dark": null
+    },
+    "figure.hero-max-height": {
+      "var": "--p234-figure-hero-max-height",
+      "value": "31.25rem",
+      "type": "dimension",
+      "description": "500px. A hero taller than this pushes the first paragraph off a laptop screen.",
+      "dark": null
+    },
+    "figure.inset-width": {
+      "var": "--p234-figure-inset-width",
+      "value": "45%",
+      "type": "dimension",
+      "description": "An image set beside the text on wide screens.",
+      "dark": null
+    },
+    "z.base": {
+      "var": "--p234-z-base",
+      "value": "0",
+      "type": "number",
+      "description": null,
+      "dark": null
+    },
+    "z.raised": {
+      "var": "--p234-z-raised",
+      "value": "10",
+      "type": "number",
+      "description": "A mark lifted above its siblings.",
+      "dark": null
+    },
+    "z.sticky": {
+      "var": "--p234-z-sticky",
+      "value": "20",
+      "type": "number",
+      "description": "The masthead and any sticky section rule.",
+      "dark": null
+    },
+    "z.dropdown": {
+      "var": "--p234-z-dropdown",
+      "value": "30",
+      "type": "number",
+      "description": "Nav menus, the account menu, select popovers.",
+      "dark": null
+    },
+    "z.overlay": {
+      "var": "--p234-z-overlay",
+      "value": "40",
+      "type": "number",
+      "description": "Search overlay, dialogs, the mobile menu.",
+      "dark": null
+    },
+    "z.toast": {
+      "var": "--p234-z-toast",
+      "value": "50",
+      "type": "number",
+      "description": "Always on top. Nothing goes above a message about what just happened.",
+      "dark": null
+    },
+    "breakpoint.sm": {
+      "var": "--p234-breakpoint-sm",
+      "value": "30rem",
+      "type": "dimension",
+      "description": "480px. Large phone.",
+      "dark": null
+    },
+    "breakpoint.md": {
+      "var": "--p234-breakpoint-md",
+      "value": "48rem",
+      "type": "dimension",
+      "description": "768px. Tablet, and where the article column stops being full bleed.",
+      "dark": null
+    },
+    "breakpoint.lg": {
+      "var": "--p234-breakpoint-lg",
+      "value": "62rem",
+      "type": "dimension",
+      "description": "992px. Where a sidebar becomes worth having.",
+      "dark": null
+    },
+    "breakpoint.xl": {
+      "var": "--p234-breakpoint-xl",
+      "value": "80rem",
+      "type": "dimension",
+      "description": "1280px. Full container.",
+      "dark": null
+    },
+    "icon.size-sm": {
+      "var": "--p234-icon-size-sm",
+      "value": "16px",
+      "type": "dimension",
+      "description": "Inline with ui-sm and meta text.",
+      "dark": null
+    },
+    "icon.size-md": {
+      "var": "--p234-icon-size-md",
+      "value": "20px",
+      "type": "dimension",
+      "description": "Default: buttons, nav, controls.",
+      "dark": null
+    },
+    "icon.size-lg": {
+      "var": "--p234-icon-size-lg",
+      "value": "24px",
+      "type": "dimension",
+      "description": "Section headers and empty states.",
+      "dark": null
+    },
+    "icon.stroke": {
+      "var": "--p234-icon-stroke",
+      "value": "1.75",
+      "type": "number",
+      "description": "Slightly lighter than lucide's default 2, to sit with the serif rather than shout over it.",
+      "dark": null
+    },
+    "motion.duration-fast": {
+      "var": "--p234-motion-duration-fast",
+      "value": "120ms",
+      "type": "duration",
+      "description": null,
+      "dark": null
+    },
+    "motion.duration-base": {
+      "var": "--p234-motion-duration-base",
+      "value": "180ms",
+      "type": "duration",
+      "description": null,
+      "dark": null
+    },
+    "motion.easing-standard": {
+      "var": "--p234-motion-easing-standard",
+      "value": "cubic-bezier(0.2, 0, 0, 1)",
+      "type": "cubicBezier",
+      "description": null,
+      "dark": null
+    }
+  }
+}