@medquantis/design-system 1.0.1 → 1.2.0

package/dist/kit/print.css

@@ -0,0 +1,95 @@
+/*! @medquantis/design-system | © 2026 MedQuantis SA | MIT License, see LICENSE */
+/*
+ * MedQuantis print module of the homemade-claude-kit design contract 2.1.0. The roles are
+ * generated from tokens/kit/ by the design-system build; the class rules after them are copied
+ * from css/kit/print.css, written by hand against contract roles. Do not edit this file.
+ * kit-manifest.json lists it. For kit renderers only: the unprefixed names collide with app and
+ * Tailwind variables.
+ */
+:root {
+  --print-bg: #fafaf8;
+  --print-margin: 48px 72px;
+  --print-page-size: A4;
+  --print-breaking: #0a2463;
+}
+
+/*
+ * Class rules of the MedQuantis print module for the homemade-claude-kit renderers (the
+ * com-release-note report; Plan-0002 increment 02). Written by hand against contract roles only.
+ * The report inlines the core, dataviz, type, space-shape and print modules (render_pdf.py
+ * REPORT_MODULES, kit #149). The sizes are the A4 print column of guidelines/typography.md, which
+ * is not yet a token, and the weight is the heading weight 500 (owner ruling 4); the template's
+ * own bold text and chips read --font-weight-bold and --radius-pill from the design. The build
+ * copies these rules into dist/kit/print.css after the roles.
+ * build/kit-classes.md names the MedQuantis rule each class reproduces: css/print.css (mq-page)
+ * and the typography roles of css/base.css.
+ *
+ * Cascade: the report template's own rules come before the design layer, so these rules, of
+ * the same specificity, replace them. The page box is --print-page-size and --print-margin.
+ */
+
+/* mq-page: the A4 sheet on the canvas colour (owner ruling 9), ink text. */
+.report {
+  background: var(--print-bg);
+  color: var(--ink);
+}
+
+/* mq-eyebrow: Geist Mono 500 capitals in navy, 7.5 pt in print. */
+.report-kicker {
+  color: var(--accent);
+  font-family: var(--font-mono);
+  font-size: 7.5pt;
+  font-weight: 500;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+}
+
+/* mq-display: the document title in Outfit 500, 26 pt in print. */
+.report-title {
+  color: var(--ink);
+  font-family: var(--font-heading);
+  font-size: 26pt;
+  font-weight: 500;
+  line-height: 1.08;
+  letter-spacing: -0.025em;
+}
+
+/* mq-lead: Newsreader italic in the secondary text colour, 11.5 pt in print. */
+.report-framing {
+  color: var(--muted);
+  font-family: var(--font-body);
+  font-size: 11.5pt;
+  font-style: italic;
+  line-height: 1.5;
+}
+
+/* The space between sections (guidelines/layout.md, Widths and spacing). */
+.section {
+  margin-top: var(--space-lg);
+}
+
+/* A section label: Outfit 500 capitals, 12.5 pt, under a 2 px navy rule like "In brief"
+   (guidelines/layout.md, Report skeleton). */
+.section-label {
+  padding-bottom: var(--space-sm);
+  border-bottom: 2px solid var(--accent);
+  color: var(--ink);
+  font-family: var(--font-heading);
+  font-size: 12.5pt;
+  font-weight: 500;
+  letter-spacing: 0.04em;
+}
+
+/* A section that leads a fresh page (guidelines/layout.md, Print and PDF). */
+.section--page-break {
+  break-before: page;
+  page-break-before: always;
+}
+
+/* Documents are navy only (ADR-0004, guidelines/colour.md): the breaking-changes label reads by
+   its words and a navy rule, never by a status hue. --print-breaking is the navy accent, and the
+   kit's template washes the breaking-changes panel with it too. */
+.section--breaking .section-label {
+  border-bottom-color: var(--print-breaking);
+  color: var(--print-breaking);
+}

package/dist/kit/slide-frame.css

@@ -0,0 +1,127 @@
+/*! @medquantis/design-system | © 2026 MedQuantis SA | MIT License, see LICENSE */
+/*
+ * MedQuantis slide-frame module of the homemade-claude-kit design contract 2.1.0. The roles are
+ * generated from tokens/kit/ by the design-system build; the class rules after them are copied
+ * from css/kit/slide-frame.css, written by hand against contract roles. Do not edit this file.
+ * kit-manifest.json lists it. For kit renderers only: the unprefixed names collide with app and
+ * Tailwind variables.
+ */
+:root {
+  --slide-bg: #fafaf8;
+  --slide-fg: #1a1a1a;
+  --slide-padding: 72px;
+  --slide-width: 1280px;
+  --slide-height: 720px;
+}
+
+/*
+ * Class rules of the MedQuantis slide-frame module for the homemade-claude-kit renderers
+ * (Plan-0002 increment 02). Written by hand against contract roles only: core, type, space-shape,
+ * dataviz and the slide-frame roles, which tokens/kit/ maps. The build copies these rules into
+ * dist/kit/slide-frame.css after the roles. build/kit-classes.md names the MedQuantis rule each
+ * class reproduces: css/slide.css, with the legal line bottom left and the slide number bottom
+ * right (owner ruling 11, guidelines/brand.md).
+ *
+ * Cascade: the kit inlines its base slide-frame.css before this module, so these rules restyle
+ * it; com-slide-deck adds its baseline (controls hint, presentation mode) and the classification
+ * cell after the design layer, so the rules for those classes carry one more element in their
+ * selector.
+ * The footer row and the source line use --tertiary, the tertiary grey of owner ruling 1.
+ */
+
+/* mq-slide: the canvas, body text in Newsreader. The kit's render.py drops the shadow in the PDF. */
+.slide {
+  border-radius: 0;
+  box-shadow: var(--shadow);
+  font-family: var(--font-body);
+  font-size: var(--font-size-md);
+  line-height: var(--line-height-body);
+}
+
+/* mq-slide-label: mono capitals in navy, 48 px from the top, at the side margin. */
+.slide-label {
+  top: var(--space-xl);
+  left: var(--slide-padding);
+  margin: 0;
+  font-weight: var(--font-weight-bold);
+  letter-spacing: 0.18em;
+}
+
+/* mq-slide-foot: one row, the legal line at the left and the number at the right, 24 px above
+   the bottom edge, at the side margins. */
+.slide-footer {
+  right: var(--slide-padding);
+  bottom: calc(var(--space-md) + var(--space-sm));
+  left: var(--slide-padding);
+  height: auto;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: calc(var(--space-md) + var(--space-sm));
+  color: var(--tertiary);
+  font-family: var(--font-mono);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-tight);
+}
+
+/* MedQuantis slides carry no logo in the footer row (owner ruling 11, guidelines/layout.md). */
+.slide-logo {
+  display: none;
+}
+
+.slide-legal {
+  margin: 0;
+}
+
+/* The deck's classification (owner ruling 17): at the right of the footer row, before the number,
+   in the legal line's small tertiary mono, the label as written in the deck's language. The kit's
+   cell rule (margin-left: auto, capitals) comes after the design layer, so this one carries the
+   footer in its selector. */
+.slide-footer .slide-classification {
+  margin-left: auto;
+  color: var(--tertiary);
+  font-family: var(--font-mono);
+  font-size: var(--font-size-sm);
+  text-transform: none;
+}
+
+/* mq-slide-number: the eyebrow size, tabular figures. */
+.slide-number {
+  font-size: var(--font-size-xs);
+  font-variant-numeric: tabular-nums;
+}
+
+/* A cited source on a slide: the note style of guidelines/typography.md, above the footer row. */
+.slide .slide-source-bar {
+  right: var(--slide-padding);
+  bottom: calc(var(--space-md) + var(--space-sm) + var(--space-lg));
+  left: var(--slide-padding);
+  color: var(--tertiary);
+  font-family: var(--font-body);
+  font-size: var(--font-size-sm);
+  font-style: italic;
+}
+
+/* The controls hint above the deck: a hint in Geist Mono, as in an empty state (guidelines/layout.md, App patterns). */
+body .controls-hint {
+  color: var(--muted);
+  font-family: var(--font-mono);
+  font-size: var(--font-size-xs);
+  letter-spacing: 0.04em;
+}
+
+body .controls-hint kbd {
+  border-color: var(--border);
+  border-radius: var(--radius-sm);
+  background: var(--surface);
+  color: var(--ink);
+  font-family: var(--font-mono);
+}
+
+/* Presentation mode: the slide alone on an ink surround, without the desk shadow. */
+html body.presenting {
+  background: var(--ink);
+}
+
+html body.presenting .slide.active {
+  box-shadow: none;
+}

package/dist/kit/space-shape.css

@@ -0,0 +1,13 @@
+/*! @medquantis/design-system | © 2026 MedQuantis SA | MIT License, see LICENSE */
+/*
+ * MedQuantis values for the space-shape module of the homemade-claude-kit design contract 2.1.0,
+ * generated from tokens/kit/ by the design-system build. Do not edit. kit-manifest.json lists it.
+ * For kit renderers only: the unprefixed names collide with app and Tailwind variables.
+ */
+:root {
+  --space-xs: 4px;
+  --space-xl: 48px;
+  --radius-sm: 3px;
+  --radius-pill: 6px;
+  --border-width: 1px;
+}

package/dist/kit/type.css

@@ -0,0 +1,17 @@
+/*! @medquantis/design-system | © 2026 MedQuantis SA | MIT License, see LICENSE */
+/*
+ * MedQuantis values for the type module of the homemade-claude-kit design contract 2.1.0,
+ * generated from tokens/kit/ by the design-system build. Do not edit. kit-manifest.json lists it.
+ * For kit renderers only: the unprefixed names collide with app and Tailwind variables.
+ */
+:root {
+  --font-size-xs: 11px;
+  --font-size-sm: 13px;
+  --font-size-md: 16.5px;
+  --font-size-lg: 20px;
+  --font-size-xl: 56px;
+  --line-height-body: 1.55;
+  --line-height-tight: 1.15;
+  --font-weight-regular: 400;
+  --font-weight-bold: 500;
+}

package/dist/llms-full.txt

@@ -16,7 +16,7 @@ The MedQuantis brand, writing, colour, type, layout, chart, data and accessibili
 | brand.md | Name, tagline, legal line, wordmark, monogram, favicon, icons |
 | voice.md | Tone, words to prefer and avoid, languages, terminology in French, German, Italian and English |
 | writing.md | No em or en dash, titles, sentences and lists, French typography |
-| colour.md | Semantic colour tokens, the medium split, navy panels, states by mark style, status colours in apps |
+| colour.md | Semantic colour tokens, the medium split, navy panels, states by mark style, status colours in apps, the dark theme |
 | typography.md | Families, weights, roles, sizes and line heights |
 | layout.md | Media, report skeleton, widths and spacing, radius, components, tables, app patterns, print |
 | charts.md | The ordered palette, highlight on grey, sequential and diverging use, marks, legends |
@@ -84,6 +84,8 @@ Set it in Geist Mono at the note size, tertiary text colour (`--mq-tertiary`), w
 
 On slides the legal line appears on every slide, bottom left, small and in tertiary grey, with the slide number bottom right (owner ruling 11). Use the slide footer row `mq-slide-foot` of `css/slide.css`, never `mq-foot`, which flows from the top of a slide canvas.
 
+A deck that carries a classification shows it at the right of the footer, before the slide number, in the same small tertiary mono (owner ruling 17, amending ruling 11's two-cell footer). It is the label only, in the deck's language (Confidential in an English deck, Confidentiel in a French one), never the C0 to C3 code. A kit deck takes it from its `classification:` and `lang:`.
+
 Material left with a reader (a deck after a meeting, a report sent outside) also carries a confidentiality mention and its date, in the document's language:
 
 | Medium | French | German | English | Italian |
@@ -93,7 +95,7 @@ Material left with a reader (a deck after a meeting, a report sent outside) also
 
 ## Wordmark
 
-The wordmark is the logo; no icon is required next to it. "Med" is set in Outfit 600 and "Quantis" in Outfit 300, in navy (`#0a2463`) on light backgrounds and in white on navy, at every size (owner ruling 6).
+The wordmark is the logo; no icon is required next to it. "Med" is set in Outfit 600 and "Quantis" in Outfit 300, in navy (`#0a2463`) on light backgrounds and in white on navy and on every dark surface, at every size (owner rulings 6 and 14).
 
 Each background has two files in `brand/`:
 
@@ -105,6 +107,7 @@ Each background has two files in `brand/`:
 Rules:
 
 - Use the on-navy file on navy and the on-light file on light backgrounds. Never recolour, stretch, outline, shadow or rearrange the wordmark.
+- On dark (the dark theme, a dark slide or page), use the white `wordmark-on-navy` files on every dark surface: 18.13:1 on the dark canvas, 16.08:1 on the dark surface. The navy wordmark is never used on dark: it is 1.25:1 there (owner ruling 14).
 - Inline the SVG rather than linking an external image, and remove its `width` and `height` so the page sizes it. On a report header the wordmark sits at about 198 by 44 px on screen and 162 by 36 px in print.
 - A full stop in the on-navy accent (`--mq-on-navy-accent`) after a name is reserved for a one-word name on a navy cover. It is never added to the wordmark.
 
@@ -119,6 +122,8 @@ Where the wordmark does not fit (favicon, app icon, avatar, app tile), use the m
 | `brand/monogram-small.svg` | 16 px and smaller: larger letters, M 800 and Q 600 |
 | `brand/favicon/` | `favicon.svg`, `favicon.ico` (16, 32, 48), `apple-touch-icon.png` (180), `icon-192.png`, `icon-512.png` |
 
+On dark (owner ruling 14) the monogram keeps its file and takes the navy panel's edge, the 1 px light-navy outline that `--mq-shadow-panel` draws in the dark theme, since its navy square is only 1.11:1 against the dark surface; in light it has no outline. A navy brand tile or app tile on dark takes the panel gradient (`--mq-panel-start` to `--mq-panel-end`), never the lifted accent, on which white is 3.48:1. No new brand file is needed.
+
 ## No combined logo yet
 
 There is no lockup of the monogram and the wordmark in v1, and no on-navy variant of the monogram. Do not compose one locally: the combined logo is deferred until a real surface needs it ([issue #2](https://github.com/MedQuantis/design-system/issues/2)). Older lockups with a strapline under the wordmark are retired.
@@ -237,12 +242,13 @@ Documents never carry green, orange, red, sky blue, pink, purple or turquoise, n
 | `--mq-accent-pale` | `#eaeef7` | Icon pills and chips, a deviating value, the highlighted table row, the pale state |
 | `--mq-accent-pale-2` | `#f2f4f9` | Progress tracks, the quiet state, callout background |
 | `--mq-on-accent` | `#ffffff` | Text and icons on an accent fill (14.53:1) |
+| `--mq-accent-highlight` | `#0a2463` | Accent text on the pale fills (the pale KPI value, the pale badge, the callout title) and large highlighted title text: the accent itself in light, the light navy on dark (owner ruling 18) |
 
 Navy carries emphasis on its own. Status colours never replace it for emphasis, in any medium.
 
 ## Neutrals
 
-The neutrals are warm greys tuned to the warm canvas, never blue-tinted greys.
+In the light theme the neutrals are warm greys tuned to the warm canvas, never blue-tinted greys; the neutrals of the dark theme carry the navy cast of its canvas (Dark theme).
 
 | Token | Value | Use | Contrast |
 | :-- | :-- | :-- | :-- |
@@ -300,7 +306,7 @@ The first six are the `mq-badge` states (`is-solid`, `is-ring`, `is-pale`, `is-o
 | `--mq-danger` | `#d8232a` | Errors, destructive actions | 5.01:1 on surface, 4.79:1 on canvas |
 | `--mq-info` | `#1565c0` | Information | 5.75:1 on surface, 5.50:1 on canvas |
 | `--mq-warning` | `#a06400` | Warning text, icons and borders | 4.86:1 on surface, 4.65:1 on canvas |
-| `--mq-warning-fill` | `#d4850a` | Warning badge or highlight fill, always with ink text (5.93:1) | Fill only |
+| `--mq-warning-fill` | `#d4850a` | Warning badge or highlight fill, always with its text role `--mq-on-warning-fill`, ink in light (5.93:1) | Fill only |
 | `--mq-warning-tint` | `#fbf3e7` | Warning background behind ink text (15.81:1) | Fill only |
 
 The warning split (owner ruling 5): the orange `#d4850a` is a fill and never text, an icon or a border (2.81:1 on canvas). Text on it is ink; white on it is forbidden (2.93:1). On the warning tint, the text stays ink and `--mq-warning` is used only for the icon and the border (4.42:1, non-text).
@@ -318,6 +324,86 @@ The red of the old Paracel theme survives only as `--mq-danger` (ADR-0003). App-
 
 The chart tokens (`--mq-chart-series-1` to `--mq-chart-series-4`, `--mq-chart-rest`, `--mq-chart-axis`, `--mq-chart-baseline`) and their order are in charts.
 
+## Dark theme
+
+MedQuantis has one dark theme (ADR-0007, owner ruling 12). It re-values the semantic roles above under the `.dark` class: a role it does not name keeps its light value, and no component needs a second name. A consumer opts in by loading `themes/dark.css` of the package after `tokens.css` and setting `.dark` on `<html>` or on one slide. The design system never switches on `prefers-color-scheme` by itself.
+
+- **Apps and the website:** light and dark; the app decides how the viewer chooses, and may follow the viewer's setting by toggling `.dark`.
+- **Documents** (A4 reports, papers, PDFs): light or dark, chosen by the author per document at build time, never from the reader's screen (owner ruling 15). A dark document stays dark in its PDF; light stays the default for anything likely to be printed on paper.
+- **Slides:** a whole deck, or a single slide carrying `.dark`.
+
+Every ratio below is the WCAG 2.x contrast with the dark values, on the dark canvas `#11161f` and surface `#1a2131`; the token test checks every declared pair in both themes.
+
+| Token | Dark value | Use | Contrast |
+| :-- | :-- | :-- | :-- |
+| `--mq-canvas` | `#11161f`, a near-black with a navy cast | Background of every dark page and slide | Background |
+| `--mq-surface` | `#1a2131` | Cards, panels, tables, figures, inputs | Background |
+| `--mq-surface-alt` | `#141a26` | Recessed areas: table headers, grouped areas | Background |
+| `--mq-desk` | `#0b0f16` | On screen only, around a dark page preview | Background |
+| `--mq-border` | white at 14 % | Borders, dividers | Decorative |
+| `--mq-border-light` | white at 10 % | Hairlines, card borders | Decorative |
+| `--mq-border-strong` | `#8795b3` | Outline of outlined and dashed state marks | 6.03:1 on canvas, 5.35:1 on surface, non-text |
+| `--mq-ink` | `#f5f4f1`, warm white | Primary text and values | 16.48:1 on canvas, 14.62:1 on surface |
+| `--mq-muted` | `#c3cbdc` | Secondary text, leads, captions | 11.13:1 on canvas, 9.88:1 on surface |
+| `--mq-tertiary` | `#8f98aa` | Tertiary text: notes, footers, axis labels | 6.25:1 on canvas, 5.54:1 on surface |
+| `--mq-decoration` | `#6b7385` | Non-text decoration only, never text | 3.81:1 on canvas, 3.38:1 on surface, non-text |
+| `--mq-accent` | `#6f88c9`, the lifted navy | Links, labels, key figures, active states | 5.22:1 on canvas, 4.63:1 on surface, 5.01:1 on the recessed surface |
+| `--mq-accent-hover` | `#8aa0d6` | Hover and pressed state of a link or an accent control | 6.98:1 on canvas |
+| `--mq-accent-pale` | the lifted navy at 18 % | Icon pills and chips, the highlighted row, the pale state | Fill |
+| `--mq-accent-pale-2` | the lifted navy at 10 % | Progress tracks, the quiet state, callout background | Fill |
+| `--mq-accent-highlight` | `#9fb3e8`, the light navy | Large highlighted title text, and accent text on the pale fills: the pale KPI value, the pale badge and the callout title (owner ruling 18) | 8.71:1 on canvas, 7.73:1 on surface, 5.97:1 on the pale fill, 6.77:1 on the quiet pale fill |
+| `--mq-on-accent` | `#11161f` | Text and icons on an accent fill, never white (white 3.48:1 on the accent) | 5.22:1 on the accent |
+| `--mq-focus-ring-color` | `#9fb3e8`, the light navy | Focus ring on dark backgrounds | 8.71:1 on canvas |
+| `--mq-panel-start` | `#2f4c8f` | Light end of the navy panel gradient | Background, white 8.23:1 on the panel start |
+| `--mq-panel-end` | `#0f2a5e` | Dark end of the navy panel gradient | Background |
+| `--mq-shadow-panel` | a 1 px outline, light navy at 35 %, no glow (owner ruling 13) | Navy panels, the report header and the navy KPI tile on dark | Edge of a panel |
+| `--mq-shadow-edge` | the same 1 px outline, light navy at 35 %; none in light | The monogram (`mq-monogram`), the navy KPI tile and a navy brand or app tile, which draw no shadow in light (owner ruling 14) | Edge of a navy mark |
+| `--mq-shadow-small` | black at 40 %, 1 px down with a 2 px blur | Cards, figures and tables on dark, where the light 5 % shadow does not show | Elevation |
+| `--mq-shadow-medium` | black at 50 %, 3 px down with a 12 px blur | A slide or page previewed on the dark desk, raised panels and menus | Elevation |
+
+Accent text on the pale fills reads `--mq-accent-highlight` in both themes (owner ruling 18): in light it is the accent itself, while on dark the lifted navy would be only 3.57:1 on the pale fill and 4.05:1 on the quiet pale fill. The fills are measured laid over the canvas and over the surface, the worse result counting. The callout tab keeps `--mq-accent` on the quiet pale fill as a non-text mark.
+
+The retired `--mq-dim` and `--mq-accent-on-dark` follow the roles they alias on dark too: `#8f98aa` (tertiary) and `#b2c2ed` (the on-navy accent).
+
+**The navy panel on dark.** Navy itself fails on a dark canvas (`#0a2463` is 1.25:1 on `#11161f`), so on dark the brand shows as the lifted navy, the light navy and the panel gradient, with no new hue (ADR-0003). Navy panels, the report header and the navy KPI tile keep the 160 degree gradient between `--mq-panel-start` and `--mq-panel-end`, with the dark values above, and draw `--mq-shadow-panel`: a 1 px light-navy outline, never a glow (owner ruling 13). A navy tile on dark takes the panel gradient, never the lifted accent. Contrast on navy is still checked against the panel start, the lighter stop.
+
+The on-navy tier on the dark panel (owner ruling 19): two roles take dark values, the others keep their light values and are checked again on the lighter dark panel start.
+
+| Token | Dark value | Contrast | Allowed for |
+| :-- | :-- | :-- | :-- |
+| `--mq-on-navy-title` | `#ffffff`, unchanged | 8.23:1 on the panel start | Text |
+| `--mq-on-navy-secondary` | white at 68 %, unchanged | 4.80:1 on the panel start | Text |
+| `--mq-on-navy-second-level` | `#c3cbdc`, unchanged | 5.05:1 on the panel start | Text |
+| `--mq-on-navy-accent` | `#b2c2ed`, a lighter navy tint | 4.64:1 on the panel start | Text, narrow margin |
+| `--mq-on-navy-discreet` | white at 50 % | 3.37:1 on the panel start | Large text or non-text only |
+| `--mq-on-navy-rule`, `--mq-on-navy-rule-strong`, `--mq-on-navy-pill` | white at 16, 18 and 12 %, unchanged | Decorative | Decorative only |
+
+Light keeps `#8795b3` (4.61:1) and white at 40 % (3.44:1) for those two roles; on the dark panel start they would fall to 2.74:1 and 2.71:1.
+
+**The light navy is a navy tint.** `#9fb3e8` (`--mq-accent-highlight`, `--mq-focus-ring-color`, dark series 1) is not the retired sky blue: its LCH hue 280.4 (chroma 29.2) sits in the navy family with the lifted navy `#6f88c9` (hue 282.8), against navy 293.7 and sky blue 269.9 (chroma 36.1). Sky blue stays retired in both themes (owner ruling 2).
+
+Status colours on dark, apps only (ADR-0004, owner ruling 16), each still with an icon or a word; `--mq-warning-fill` keeps its value and stays a fill:
+
+- `--mq-success` `#6fbf73`: 8.09:1 on canvas, 7.18:1 on surface.
+- `--mq-warning` `#e0a040`: 8.00:1 on canvas, 7.10:1 on surface.
+- `--mq-danger` `#ff6b6b`: 6.53:1 on canvas, 5.80:1 on surface.
+- `--mq-info` `#64a8f0`: 7.25:1 on canvas, 6.43:1 on surface.
+- `--mq-warning-fill` `#d4850a`, unchanged: a fill, never text.
+- `--mq-warning-tint`, the warning fill at 16 %: ink 11.63:1 on the warning tint.
+- `--mq-on-warning-fill` `#11161f`, text on `--mq-warning-fill`: 6.18:1 on the warning fill, where the warm white ink 2.67:1 on the warning fill would fail.
+
+Chart colours on dark (owner ruling 16): the four series run in reverse order, the lightest first, under the same rules as light (charts): series 4 for context bars, the remainder drawn with a series 4 outline. Each dark series meets or beats its light counterpart against its canvas.
+
+| Token | Dark value | Contrast |
+| :-- | :-- | :-- |
+| `--mq-chart-series-1` | `#9fb3e8` | 8.71:1 on canvas |
+| `--mq-chart-series-2` | `#6f88c9` | 5.22:1 on canvas |
+| `--mq-chart-series-3` | `#5d6f91` | 3.58:1 on canvas |
+| `--mq-chart-series-4` | `#3a4560` | 1.90:1 on canvas, context bars only |
+| `--mq-chart-rest` | `#232b3d` | 1.28:1 on canvas, with a series 4 outline |
+| `--mq-chart-axis` | `#6b7385` | 3.81:1 on canvas, non-text |
+| `--mq-chart-baseline` | white at 10 % | Decorative |
+
 # Typography
 
 ## Three families, three roles
@@ -401,7 +487,7 @@ Apps use the same families and weights at UI sizes: UI body Outfit 400 at 14 px,
 
 | Medium | Canvas | Layout |
 | :-- | :-- | :-- |
-| Slide | 1280 by 720 px (`--mq-slide-width`, `--mq-slide-height`, `css/slide.css`) | Fixed canvas, 72 px side margins (`--mq-space-8`), section label top left, title under it, and a footer row (`mq-slide-foot`) with the legal line bottom left and the slide number bottom right, both in tertiary mono (owner ruling 11) |
+| Slide | 1280 by 720 px (`--mq-slide-width`, `--mq-slide-height`, `css/slide.css`) | Fixed canvas, 72 px side margins (`--mq-space-8`), section label top left, title under it, and a footer row (`mq-slide-foot`) with the legal line bottom left and the slide number bottom right, both in tertiary mono (owner ruling 11); a classified deck adds its classification label at the right of the footer, before the slide number (owner ruling 17) |
 | Screen report or paper | A page that scrolls, centred, `--mq-page-width` (1040 px) wide | Flow layout: no absolute positions, no fixed heights. It is not a deck: no slide canvas inside a report |
 | A4 print | 210 by 297 mm (`--mq-a4-width`, `--mq-a4-height`, `css/print.css`) | One `mq-page` per sheet on the canvas colour; on screen the pages sit on the desk |
 
@@ -450,7 +536,7 @@ Squared-off corners read professional and institutional; pills read consumer.
 
 ## Elevation and navy blocks
 
-- Cards, figures and tables: `--mq-shadow-small`. Raised panels, menus and a page or slide previewed on the desk: `--mq-shadow-medium`. Navy panels: `--mq-shadow-panel`. No shadow in print and none on chart marks.
+- Cards, figures and tables: `--mq-shadow-small`. Raised panels, menus and a page or slide previewed on the desk: `--mq-shadow-medium`. Navy panels: `--mq-shadow-panel`, which on dark is a 1 px light-navy outline and never a glow (owner ruling 13). No shadow in print and none on chart marks.
 - One large navy block per screen, slide or page area. In a report, keep the header, a navy KPI band and a navy panel apart with light content.
 
 ## Document components
@@ -464,7 +550,7 @@ Squared-off corners read professional and institutional; pills read consumer.
 | Takeaway | `mq-takeaway` | The one sentence to remember, under a navy tab, Outfit 500 |
 | Numbered rows | (pattern) | A navy circle with the number, a heading column, a body column: one line per point |
 | Footer | `mq-foot` | Sources and legal line in tertiary italic, in reports and papers; never inside a slide |
-| Slide footer | `mq-slide-foot` | On every slide (owner ruling 11): the legal line bottom left, the slide number bottom right, small, tertiary, Geist Mono: `<footer class="mq-slide-foot"><p>MedQuantis SA · CH-1095 Lutry · medquantis.ch</p><p class="mq-slide-number">03</p></footer>` |
+| Slide footer | `mq-slide-foot` | On every slide (owner ruling 11): the legal line bottom left, the slide number bottom right, small, tertiary, Geist Mono. A classified deck shows its classification at the right of the footer, before the slide number: the label in the deck's language, never the C0 to C3 code (owner ruling 17). Without a classification: `<footer class="mq-slide-foot"><p>MedQuantis SA · CH-1095 Lutry · medquantis.ch</p><p class="mq-slide-number">03</p></footer>` |
 
 ## Tables
 
@@ -756,7 +842,7 @@ Every local one-off (a component or a token a consumer adds under its own prefix
 
 # Tokens
 
-Every token of release 1.0.1, generated from dist/tokens.json. Consumers use the semantic names; the `--mq-core-*` names exist so semantic tokens can point at them. A deprecated token names its replacement.
+Every token of release 1.2.0, generated from dist/tokens.json. Consumers use the semantic names; the `--mq-core-*` names exist so semantic tokens can point at them. A deprecated token names its replacement.
 
 ## Semantic tokens
 
@@ -773,6 +859,7 @@ Every token of release 1.0.1, generated from dist/tokens.json. Consumers use the
 | `--mq-accent-hover` | `#061a4d` | Hover state of accent-coloured controls. |
 | `--mq-accent-pale` | `#eaeef7` | Pale accent fill for a highlighted row, tag or state. |
 | `--mq-accent-pale-2` | `#f2f4f9` | Quieter pale accent fill. |
+| `--mq-accent-highlight` | `#0a2463` | Large highlighted title text; the accent itself in light, the light navy in dark (ADR-0007). |
 | `--mq-on-accent` | `#ffffff` | Text and icons on an accent fill, 14.53:1 on navy. |
 | `--mq-ink` | `#1a1a1a` | Primary text. |
 | `--mq-muted` | `#555555` | Secondary text. |
@@ -799,6 +886,7 @@ Every token of release 1.0.1, generated from dist/tokens.json. Consumers use the
 | `--mq-warning` | `#a06400` | Owner ruling 5, 2026-10-09: warning text, icons and borders; apps only (ADR-0004). |
 | `--mq-danger` | `#d8232a` | Apps only: errors and destructive actions, always with an icon or a word (ADR-0003, ADR-0004). |
 | `--mq-info` | `#1565c0` | Apps only: information, always with an icon or a word (ADR-0004). |
+| `--mq-on-warning-fill` | `#1a1a1a` | Text on the warning fill: ink in light (5.93:1), near-black in dark (6.18:1), where warm white on the fill is 2.67:1 (ADR-0007, amends owner ruling 5). |
 | `--mq-warning-fill` | `#d4850a` | Owner ruling 5, 2026-10-09: warning badge and highlight fill, always with ink text; white on it is forbidden (2.93:1). |
 | `--mq-warning-tint` | `#fbf3e7` | Owner ruling 5, 2026-10-09: warning tint behind ink text; warning strong only for icons and borders on it. |
 | `--mq-dim` | `#707070` | Deprecated: Use --mq-tertiary for text or --mq-decoration for non-text decoration. |
@@ -824,6 +912,7 @@ Every token of release 1.0.1, generated from dist/tokens.json. Consumers use the
 | `--mq-shadow-small` | `0px 1px 2px 0px rgba(0, 0, 0, 0.05)` | Cards (increment 07 component need). |
 | `--mq-shadow-medium` | `0px 3px 12px 0px rgba(0, 0, 0, 0.07)` | A slide or page previewed on the desk, never in print (increment 07 component need). |
 | `--mq-shadow-panel` | `0px 14px 36px 0px rgba(10, 36, 99, 0.24)` | Navy panels (increment 07 component need). |
+| `--mq-shadow-edge` | `0px 0px 0px 0px rgba(0, 0, 0, 0)` | The navy panel's edge for a navy mark that has no panel shadow: the monogram, a navy KPI tile, a navy brand or app tile. None in light; on dark the panel's 1 px light-navy outline (owner rulings 13 and 14). |
 | `--mq-slide-width` | `1280px` | Slide canvas width (increment 07 component need). |
 | `--mq-slide-height` | `720px` | Slide canvas height (increment 07 component need). |
 | `--mq-page-width` | `1040px` | Content width of a screen document (increment 07 component need). |
@@ -838,6 +927,8 @@ Every token of release 1.0.1, generated from dist/tokens.json. Consumers use the
 | `--mq-font-weight-emphasis` | `600` | Owner ruling 4, 2026-10-09: a short highlighted word inside body text, as the Med of the logo. |
 | `--mq-font-weight-body` | `400` | Body text. |
 | `--mq-font-weight-light` | `300` | Owner ruling 6, 2026-10-09: only the Quantis half of the wordmark; never for headings or body text. |
+| `--mq-font-line-height-body` | `1.55` | Body line height of documents, slides and pages (owner, 2026-10-15). |
+| `--mq-font-line-height-tight` | `1.15` | Tight line height of section titles; the display title keeps its own 1.08 (owner, 2026-10-15). |
 | `--mq-font-size-hero-min` | `34px` | Hero title at the narrowest viewport. |
 | `--mq-font-size-hero-max` | `56px` | Hero title at the widest viewport. |
 | `--mq-font-size-h2` | `32px` | Section title. |
@@ -917,12 +1008,15 @@ Every token of release 1.0.1, generated from dist/tokens.json. Consumers use the
 | `--mq-core-font-size-56` | `56px` | Font size 56 px (Report design system, 2026-10-08). |
 | `--mq-core-font-size-12-5` | `12.5px` | Font size 12.5 px (Report design system, 2026-10-08). |
 | `--mq-core-font-size-16-5` | `16.5px` | Font size 16.5 px (Report design system, 2026-10-08). |
+| `--mq-core-font-line-height-1-15` | `1.15` | Line height 1.15, the tight end of headings, counters and stat figures (owner, 2026-10-15). |
+| `--mq-core-font-line-height-1-55` | `1.55` | Line height 1.55 of app UI text, labels, descriptions and the document body (owner, 2026-10-15). |
 | `--mq-core-radius-3` | `3px` | Owner ruling 3, 2026-10-09: small items (tags, inputs, chips). |
 | `--mq-core-radius-6` | `6px` | Owner ruling 3, 2026-10-09: cards and panels; the maximum anywhere, no pill shapes. |
 | `--mq-core-radius-12` | `12px` | Owner ruling 3, amended 2026-10-10: the one exception above 6 px, for app dialogs and modals, side drawers and command palettes only; never in documents, slides, cards or website media. |
 | `--mq-core-shadow-small` | `0px 1px 2px 0px rgba(0, 0, 0, 0.05)` | Small elevation for cards (increment 07 component need, Report design system, 2026-10-08). |
 | `--mq-core-shadow-medium` | `0px 3px 12px 0px rgba(0, 0, 0, 0.07)` | Medium elevation for a slide or page shown on the desk (increment 07 component need, Report design system, 2026-10-08). |
 | `--mq-core-shadow-panel` | `0px 14px 36px 0px rgba(10, 36, 99, 0.24)` | Navy-tinted elevation for navy panels (increment 07 component need, Report design system, 2026-10-08). |
+| `--mq-core-shadow-none` | `0px 0px 0px 0px rgba(0, 0, 0, 0)` | No shadow: a transparent layer of zero size, for a role that draws an edge in one theme only (owner ruling 14). |
 | `--mq-core-size-720` | `720px` | Slide canvas height, 720 px (increment 07 component need: the 1280 by 720 slide canvas). |
 | `--mq-core-size-760` | `760px` | Reading measure, 760 px (increment 07 component need, Report design system, 2026-10-08). |
 | `--mq-core-size-1040` | `1040px` | Content width of a screen document, 1040 px (increment 07 component need, Report design system, 2026-10-08). |

package/dist/llms.txt

@@ -8,32 +8,32 @@ The links below point at the exact release on the jsDelivr CDN; pin that version
 
 ## Guidelines
 
-- [Principles](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/principles.md): The principles that decide the cases the other files do not cover
-- [Brand](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/brand.md): Name, tagline, legal line, wordmark, monogram, favicon, icons
-- [Voice](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/voice.md): Tone, words to prefer and avoid, languages, terminology in French, German, Italian and English
-- [Writing](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/writing.md): No em or en dash, titles, sentences and lists, French typography
-- [Colour](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/colour.md): Semantic colour tokens, the medium split, navy panels, states by mark style, status colours in apps
-- [Typography](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/typography.md): Families, weights, roles, sizes and line heights
-- [Layout](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/layout.md): Media, report skeleton, widths and spacing, radius, components, tables, app patterns, print
-- [Charts](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/charts.md): The ordered palette, highlight on grey, sequential and diverging use, marks, legends
-- [Data patterns](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/data-patterns.md): Numbers, amounts, dates, null versus zero, confidential and illustrative data
-- [Accessibility](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/accessibility.md): WCAG 2.2 AA, contrast pairs, focus, targets, motion, structure
-- [Specialising the design system](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/specialising.md): Framework neutrality, the four rules, the promotion tests, the one-off log
+- [Principles](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/principles.md): The principles that decide the cases the other files do not cover
+- [Brand](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/brand.md): Name, tagline, legal line, wordmark, monogram, favicon, icons
+- [Voice](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/voice.md): Tone, words to prefer and avoid, languages, terminology in French, German, Italian and English
+- [Writing](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/writing.md): No em or en dash, titles, sentences and lists, French typography
+- [Colour](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/colour.md): Semantic colour tokens, the medium split, navy panels, states by mark style, status colours in apps, the dark theme
+- [Typography](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/typography.md): Families, weights, roles, sizes and line heights
+- [Layout](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/layout.md): Media, report skeleton, widths and spacing, radius, components, tables, app patterns, print
+- [Charts](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/charts.md): The ordered palette, highlight on grey, sequential and diverging use, marks, legends
+- [Data patterns](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/data-patterns.md): Numbers, amounts, dates, null versus zero, confidential and illustrative data
+- [Accessibility](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/accessibility.md): WCAG 2.2 AA, contrast pairs, focus, targets, motion, structure
+- [Specialising the design system](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/specialising.md): Framework neutrality, the four rules, the promotion tests, the one-off log
 
 ## Tokens and CSS
 
-- [tokens.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/dist/tokens.css): every token as a `--mq-*` custom property; load it first
-- [tokens.json](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/dist/tokens.json): every token with its resolved value and description
-- [tailwind.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/dist/tailwind.css): Tailwind 4 theme with 50 to 950 scales, for apps
-- [base.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/css/base.css): typography roles for documents
-- [components.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/css/components.css): the shared `mq-` document components
-- [slide.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/css/slide.css): the 1280 by 720 slide canvas
-- [print.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/css/print.css): A4 pages with exact colour printing
-- [app.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/css/app.css): status badges, for interactive apps only
-- [fonts.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/fonts/fonts.css): self-hosted Outfit, Newsreader and Geist Mono
+- [tokens.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/dist/tokens.css): every token as a `--mq-*` custom property; load it first
+- [tokens.json](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/dist/tokens.json): every token with its resolved value and description
+- [tailwind.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/dist/tailwind.css): Tailwind 4 theme with 50 to 950 scales, for apps
+- [base.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/css/base.css): typography roles for documents
+- [components.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/css/components.css): the shared `mq-` document components
+- [slide.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/css/slide.css): the 1280 by 720 slide canvas
+- [print.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/css/print.css): A4 pages with exact colour printing
+- [app.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/css/app.css): status badges, for interactive apps only
+- [fonts.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/fonts/fonts.css): self-hosted Outfit, Newsreader and Geist Mono
 
 ## Optional
 
-- [llms-full.txt](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/dist/llms-full.txt): every guideline in full and every token with its value
-- [kit-contract.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/dist/kit-contract.css): unprefixed names for homemade-claude-kit renderers only, never loaded in an app
-- [Guidelines index](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.1/guidelines/README.md): the file list and where each legacy rule went
+- [llms-full.txt](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/dist/llms-full.txt): every guideline in full and every token with its value
+- [kit-contract.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/dist/kit-contract.css): unprefixed names for homemade-claude-kit renderers only, never loaded in an app
+- [Guidelines index](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.2.0/guidelines/README.md): the file list and where each legacy rule went

package/dist/tailwind.css

@@ -90,6 +90,7 @@
   --color-accent-hover: var(--mq-accent-hover);
   --color-accent-pale: var(--mq-accent-pale);
   --color-accent-pale-2: var(--mq-accent-pale-2);
+  --color-accent-highlight: var(--mq-accent-highlight);
   --color-on-accent: var(--mq-on-accent);
   --color-ink: var(--mq-ink);
   --color-muted: var(--mq-muted);

package/dist/themes/dark.css

@@ -0,0 +1,49 @@
+/*! @medquantis/design-system | © 2026 MedQuantis SA | MIT License, see LICENSE */
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.dark {
+  --mq-chart-series-1: #9fb3e8; /** Series 1 on dark, the lightest first: 8.71:1 on the canvas (ADR-0007). */
+  --mq-chart-series-2: #6f88c9; /** Series 2 on dark: 5.22:1 on the canvas (ADR-0007). */
+  --mq-chart-series-3: #5d6f91; /** Series 3 on dark: 3.58:1 on the canvas (ADR-0007). */
+  --mq-chart-series-4: #3a4560; /** Series 4 on dark, context bars: 1.90:1 on the canvas (ADR-0007). */
+  --mq-chart-rest: #232b3d; /** Remainder fill on dark, drawn with a series 4 outline: 1.28:1 on the canvas (ADR-0007). */
+  --mq-chart-axis: #6b7385; /** Axis lines and ticks on dark (non-text): 3.81:1 on the canvas (ADR-0007). */
+  --mq-chart-baseline: rgba(255, 255, 255, 0.1); /** Gridlines and baselines on dark, white at 10 % (decorative, ADR-0007). */
+  --mq-accent: #6f88c9; /** The lifted navy, the accent on dark: 5.22:1 on the canvas, 4.63:1 on the surface (ADR-0007). */
+  --mq-accent-hover: #8aa0d6; /** Hover state of accent-coloured controls on dark, 6.98:1 on the canvas (ADR-0007). */
+  --mq-accent-pale: rgba(111, 136, 201, 0.18); /** The lifted navy at 18 % for a highlighted row, tag or state (ADR-0007). */
+  --mq-accent-pale-2: rgba(111, 136, 201, 0.1); /** The lifted navy at 10 %, the quieter fill (ADR-0007). */
+  --mq-accent-highlight: #9fb3e8; /** The light navy for large highlighted title text: 8.71:1 on the canvas, 7.73:1 on the surface (ADR-0007). */
+  --mq-on-accent: #11161f; /** Near-black on the lifted accent, 5.22:1; white on it is 3.48:1 and is never used (ADR-0007). */
+  --mq-ink: #f5f4f1; /** Warm white, primary text: 16.48:1 on the canvas, 14.62:1 on the surface (ADR-0007). */
+  --mq-muted: #c3cbdc; /** Secondary text: 11.13:1 on the canvas, 9.88:1 on the surface (ADR-0007). */
+  --mq-tertiary: #8f98aa; /** Tertiary text, captions and footers: 6.25:1 on the canvas, 5.54:1 on the surface (ADR-0007). */
+  --mq-decoration: #6b7385; /** Non-text decoration only, never text: 3.81:1 on the canvas, 3.38:1 on the surface (ADR-0007). */
+  --mq-canvas: #11161f; /** A near-black with a navy cast, the background of every dark page (ADR-0007). */
+  --mq-surface: #1a2131; /** Cards and panels on a dark page (ADR-0007). */
+  --mq-surface-alt: #141a26; /** Recessed surface on dark: table headers, grouped areas (ADR-0007). */
+  --mq-desk: #0b0f16; /** On screen only, around a dark page preview (ADR-0007). */
+  --mq-border: rgba(255, 255, 255, 0.14); /** Borders and dividers on dark, white at 14 % (decorative, ADR-0007). */
+  --mq-border-light: rgba(255, 255, 255, 0.1); /** Hairlines and card borders on dark, white at 10 % (decorative, ADR-0007). */
+  --mq-border-strong: #8795b3; /** Outline of outlined and dashed state marks on dark: 6.03:1 on the canvas, 5.35:1 on the surface (ADR-0007). */
+  --mq-panel-start: #2f4c8f; /** Light end of the navy panel gradient on dark, white 8.23:1 on it (ADR-0007). */
+  --mq-panel-end: #0f2a5e; /** Dark end of the navy panel gradient on dark (ADR-0007). */
+  --mq-on-navy-accent: #b2c2ed; /** The one-off accent on the dark navy panel, 4.64:1 on its light end (owner ruling of 2026-10-17, ADR-0007). */
+  --mq-on-navy-discreet: rgba(255, 255, 255, 0.5); /** Discreet numbers on the dark navy panel, 3.37:1 on its light end, so large text or non-text only (owner ruling of 2026-10-17, ADR-0007). */
+  --mq-success: #6fbf73; /** Apps only: success on dark, 8.09:1 on the canvas (ADR-0007, ADR-0004). */
+  --mq-warning: #e0a040; /** Apps only: warning text, icons and borders on dark, 8.00:1 on the canvas (ADR-0007, ADR-0004). */
+  --mq-danger: #ff6b6b; /** Apps only: errors and destructive actions on dark, 6.53:1 on the canvas (ADR-0007, ADR-0004). */
+  --mq-info: #64a8f0; /** Apps only: information on dark, 7.25:1 on the canvas (ADR-0007, ADR-0004). */
+  --mq-on-warning-fill: #11161f; /** Near-black on the warning fill, 6.18:1; warm white on it is 2.67:1 (ADR-0007). */
+  --mq-warning-fill: #d4850a; /** The warning fill, unchanged on dark (ADR-0007). */
+  --mq-warning-tint: rgba(212, 133, 10, 0.16); /** The warning fill at 16 % behind ink text, 11.63:1 on the surface (ADR-0007). */
+  --mq-dim: #8f98aa; /** Retired name of the old tertiary grey; resolves to tertiary on dark too (ADR-0007). */
+  --mq-accent-on-dark: #b2c2ed; /** Retired name of the accent on navy; resolves to the on-navy accent on dark too (owner ruling of 2026-10-17, ADR-0007). */
+  --mq-focus-ring-color: #9fb3e8; /** Focus ring on dark backgrounds, the light navy: 8.71:1 on the canvas (ADR-0007). */
+  --mq-shadow-small: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); /** Cards on dark: black at 40 %, since the light 5 % shadow does not show on the dark canvas (ADR-0007, owner approval of 2026-10-17). */
+  --mq-shadow-medium: 0px 3px 12px 0px rgba(0, 0, 0, 0.5); /** A slide or page previewed on the dark desk: black at 50 % (ADR-0007, owner approval of 2026-10-17). */
+  --mq-shadow-panel: 0px 0px 0px 1px rgba(159, 179, 232, 0.35); /** Navy panels on dark: a 1 px light-navy outline, no glow (ADR-0007, owner 2026-10-15). */
+  --mq-shadow-edge: 0px 0px 0px 1px rgba(159, 179, 232, 0.35); /** On dark, the panel's 1 px light-navy outline around a navy KPI tile, a navy brand tile and the monogram, whose navy square is 1.11:1 on the dark surface (owner rulings 13 and 14, ADR-0007). */
+}