@medquantis/design-system 1.5.0 → 1.6.0

package/dist/DESIGN.md

@@ -1,6 +1,6 @@
 ---
 name: MedQuantis
-description: The MedQuantis design system 1.5.0. Generated from tokens/ and guidelines/ by the design-system build. Do not edit. Names are the homemade-claude-kit role names where the kit has a role, else the tokens.css name without --mq-; the tables below map each to its --mq-* token.
+description: The MedQuantis design system 1.6.0. Generated from tokens/ and guidelines/ by the design-system build. Do not edit. Names are the homemade-claude-kit role names where the kit has a role, else the tokens.css name without --mq-; the tables below map each to its --mq-* token.
 colors:
   primary: "{colors.accent}"
   ink: "#1a1a1a"
@@ -56,6 +56,8 @@ colors:
   app-cat-blue: "#3a8ff5"
   app-cat-violet: "#5a2fbe"
   app-cat-teal: "#178a91"
+  app-cat-indigo: "#4a5aa8"
+  app-cat-rose: "#b71c5a"
   change-added: "#1c7e3f"
   change-modified: "#d78000"
   change-modified-text: "#a35f00"
@@ -142,7 +144,7 @@ spacing:
 
 # MedQuantis design
 
-Generated from tokens/ and guidelines/ by the build of @medquantis/design-system 1.5.0. Do not edit. Each section opens with a table that maps the front matter names to the --mq-* custom properties of tokens.css, the names the guideline text uses; the rules are the MedQuantis guidelines, section by section.
+Generated from tokens/ and guidelines/ by the build of @medquantis/design-system 1.6.0. Do not edit. Each section opens with a table that maps the front matter names to the --mq-* custom properties of tokens.css, the names the guideline text uses; the rules are the MedQuantis guidelines, section by section.
 
 ## Overview
 
@@ -298,6 +300,8 @@ Markdown is written one line per paragraph or list item, never hard-wrapped at a
 | `colors.app-cat-blue` | `--mq-app-cat-blue` | `#3a8ff5` |
 | `colors.app-cat-violet` | `--mq-app-cat-violet` | `#5a2fbe` |
 | `colors.app-cat-teal` | `--mq-app-cat-teal` | `#178a91` |
+| `colors.app-cat-indigo` | `--mq-app-cat-indigo` | `#4a5aa8` |
+| `colors.app-cat-rose` | `--mq-app-cat-rose` | `#b71c5a` |
 | `colors.change-added` | `--mq-change-added` | `#1c7e3f` |
 | `colors.change-modified` | `--mq-change-modified` | `#d78000` |
 | `colors.change-modified-text` | `--mq-change-modified-text` | `#a35f00` |
@@ -442,7 +446,7 @@ Every status colour comes with an icon or a word (WCAG 1.4.1):
 - a flag is a coloured word, and only on the rows that need attention, so normal rows stay quiet;
 - light badge backgrounds come from the 50 and 100 steps of the status scales in `dist/tailwind.css`, never a hand-picked tint.
 
-The red of the old Paracel theme survives only as `--mq-danger` (ADR-0003). The app categorical palette and the change types (`--mq-app-cat-*`, `--mq-change-*`) are data categories, never statuses; their values and rules are in charts (ADR-0008). Other app-specific hues, such as the annotation colours of regulatory text, stay local in the app under its own prefix until a second consumer needs them (specialising).
+The red of the old Paracel theme survives only as `--mq-danger` (ADR-0003). The app categorical palette and the change types (`--mq-app-cat-*`, `--mq-change-*`) are data categories, never statuses; their values and rules are in charts (ADR-0008, ADR-0010). Other app-specific hues, such as the annotation colours of regulatory text, stay local in the app under its own prefix until a second consumer needs them (specialising).
 
 ### Colour: Chart colours
 
@@ -572,7 +576,7 @@ Rules:
 
 ### Charts: App categorical palette (apps only)
 
-Six hues for interactive apps whose charts or lists show more categories than the four ordered series can carry, and three change types built on them (owner rulings 20 and 21, ADR-0008). They are light only until their dark values are ruled, and they never appear in documents, which keep the ordered palette.
+Eight hues for interactive apps whose charts or lists show more categories than the four ordered series can carry, and three change types built on them (owner rulings 20 and 21, ADR-0008). The indigo and the rose were added for the parts of a rule row (owner ruling of 2026-11-15, ADR-0010). They are light only until their dark values are ruled, and they never appear in documents, which keep the ordered palette.
 
 | Token | Value | Contrast on surface | Allowed for |
 | :-- | :-- | :-- | :-- |
@@ -583,6 +587,8 @@ Six hues for interactive apps whose charts or lists show more categories than th
 | `--mq-app-cat-blue` | `#3a8ff5` | 3.27:1 | Marks and fills only |
 | `--mq-app-cat-violet` | `#5a2fbe` | 8.12:1 | Marks, fills and text |
 | `--mq-app-cat-teal` | `#178a91` | 4.13:1 | Marks and fills only |
+| `--mq-app-cat-indigo` | `#4a5aa8` | 6.33:1 | Marks, fills and text |
+| `--mq-app-cat-rose` | `#b71c5a` | 6.31:1 | Marks, fills and text |
 
 | Change type | Token | Reads |
 | :-- | :-- | :-- |
@@ -590,15 +596,24 @@ Six hues for interactive apps whose charts or lists show more categories than th
 | Modified | `--mq-change-modified`; its text `--mq-change-modified-text` | The orange; the orange text |
 | Removed | `--mq-change-removed` | The vermillion |
 
-Between the six hues and navy series 1, the smallest CIEDE2000 distance is 17.4 under normal vision, 11.9 under protanopia, 12.9 under deuteranopia and 8.4 under tritanopia (green and teal); the token test holds those floors.
+Between the six hues of ADR-0008 and navy series 1, the smallest CIEDE2000 distance is 17.4 under normal vision, 11.9 under protanopia, 12.9 under deuteranopia and 8.4 under tritanopia (green and teal); the token test holds those floors. The indigo and the rose stay out of that set: the indigo sits 13.7 from the violet, so they are not added to a many-category chart beside it.
+
+| Rule row part | Token |
+| :-- | :-- |
+| The condition (when the rule applies) | `--mq-app-cat-indigo` |
+| What is paid | `--mq-app-cat-orange-text` |
+| How much | `--mq-app-cat-rose` |
+| The rule's own quoted text | `--mq-tertiary` |
+
+The three part hues and the tertiary grey stay apart by CIEDE2000 24.0 under normal vision, 15.1 under protanopia, 9.8 under deuteranopia (rose and grey) and 8.9 under tritanopia (orange text and rose); the token test holds 15, 10, 9 and 8. The indigo and the rose share their lightness, so each part also carries its label.
 
 Rules:
 
 - A one-series chart stays navy (`--mq-chart-series-1`). Up to four series, the ordered palette applies in apps too; the categorical hues are for charts of five or more categories and for data categories.
 - Fix each hue to its category across every view of the app; never let a charting library rotate through the palette.
-- No series uses a status token. The vermillion is a data category ("removed from the list"), not an error: `--mq-danger` stays for errors. The green, the orange, the orange text and the vermillion sit CIEDE2000 3.3, 2.2, 2.8 and 7.9 from `--mq-success`, `--mq-warning-fill`, `--mq-warning` and `--mq-danger`, so code tells them apart by token name and the screen by the word or sign each carries, never by hue.
+- No series uses a status token. The vermillion is a data category ("removed from the list"), not an error: `--mq-danger` stays for errors. The green, the orange, the orange text and the vermillion sit CIEDE2000 3.3, 2.2, 2.8 and 7.9 from `--mq-success`, `--mq-warning-fill`, `--mq-warning` and `--mq-danger`, so code tells them apart by token name and the screen by the word or sign each carries, never by hue. The indigo sits 8.5 from `--mq-info` and the rose 17.4 from `--mq-danger`, under the same rule.
 - Marks sit on the surface (`--mq-surface`), where every hue meets 3:1 and needs no outline. On the canvas the orange falls to 2.88:1, and on the recessed surface the orange and the blue fall below 3:1, so a chart in these hues sits in a white card.
-- Text in a hue meets 4.5:1: the green, the vermillion and the violet may be text, orange text reads `--mq-app-cat-orange-text`, and the blue and the teal are never text.
+- Text in a hue meets 4.5:1: the green, the vermillion, the violet, the indigo and the rose may be text, orange text reads `--mq-app-cat-orange-text`, and the blue and the teal are never text.
 - Never colour alone: the green and the vermillion have almost the same lightness, so in greyscale they cannot be told apart. Every mark carries a direct label or a legend entry, and a change type its sign (+, −) or its word; label the green and the teal directly where they touch.
 - A change type keeps its hue wherever a change is listed (badge, dot, filter, count) and keeps its mark style on top: an added value with +, a removed value struck through.
 

package/dist/llms-full.txt

@@ -319,7 +319,7 @@ Every status colour comes with an icon or a word (WCAG 1.4.1):
 - a flag is a coloured word, and only on the rows that need attention, so normal rows stay quiet;
 - light badge backgrounds come from the 50 and 100 steps of the status scales in `dist/tailwind.css`, never a hand-picked tint.
 
-The red of the old Paracel theme survives only as `--mq-danger` (ADR-0003). The app categorical palette and the change types (`--mq-app-cat-*`, `--mq-change-*`) are data categories, never statuses; their values and rules are in charts (ADR-0008). Other app-specific hues, such as the annotation colours of regulatory text, stay local in the app under its own prefix until a second consumer needs them (specialising).
+The red of the old Paracel theme survives only as `--mq-danger` (ADR-0003). The app categorical palette and the change types (`--mq-app-cat-*`, `--mq-change-*`) are data categories, never statuses; their values and rules are in charts (ADR-0008, ADR-0010). Other app-specific hues, such as the annotation colours of regulatory text, stay local in the app under its own prefix until a second consumer needs them (specialising).
 
 ## Chart colours
 
@@ -637,7 +637,7 @@ Rules:
 
 ## App categorical palette (apps only)
 
-Six hues for interactive apps whose charts or lists show more categories than the four ordered series can carry, and three change types built on them (owner rulings 20 and 21, ADR-0008). They are light only until their dark values are ruled, and they never appear in documents, which keep the ordered palette.
+Eight hues for interactive apps whose charts or lists show more categories than the four ordered series can carry, and three change types built on them (owner rulings 20 and 21, ADR-0008). The indigo and the rose were added for the parts of a rule row (owner ruling of 2026-11-15, ADR-0010). They are light only until their dark values are ruled, and they never appear in documents, which keep the ordered palette.
 
 | Token | Value | Contrast on surface | Allowed for |
 | :-- | :-- | :-- | :-- |
@@ -648,6 +648,8 @@ Six hues for interactive apps whose charts or lists show more categories than th
 | `--mq-app-cat-blue` | `#3a8ff5` | 3.27:1 | Marks and fills only |
 | `--mq-app-cat-violet` | `#5a2fbe` | 8.12:1 | Marks, fills and text |
 | `--mq-app-cat-teal` | `#178a91` | 4.13:1 | Marks and fills only |
+| `--mq-app-cat-indigo` | `#4a5aa8` | 6.33:1 | Marks, fills and text |
+| `--mq-app-cat-rose` | `#b71c5a` | 6.31:1 | Marks, fills and text |
 
 | Change type | Token | Reads |
 | :-- | :-- | :-- |
@@ -655,15 +657,24 @@ Six hues for interactive apps whose charts or lists show more categories than th
 | Modified | `--mq-change-modified`; its text `--mq-change-modified-text` | The orange; the orange text |
 | Removed | `--mq-change-removed` | The vermillion |
 
-Between the six hues and navy series 1, the smallest CIEDE2000 distance is 17.4 under normal vision, 11.9 under protanopia, 12.9 under deuteranopia and 8.4 under tritanopia (green and teal); the token test holds those floors.
+Between the six hues of ADR-0008 and navy series 1, the smallest CIEDE2000 distance is 17.4 under normal vision, 11.9 under protanopia, 12.9 under deuteranopia and 8.4 under tritanopia (green and teal); the token test holds those floors. The indigo and the rose stay out of that set: the indigo sits 13.7 from the violet, so they are not added to a many-category chart beside it.
+
+| Rule row part | Token |
+| :-- | :-- |
+| The condition (when the rule applies) | `--mq-app-cat-indigo` |
+| What is paid | `--mq-app-cat-orange-text` |
+| How much | `--mq-app-cat-rose` |
+| The rule's own quoted text | `--mq-tertiary` |
+
+The three part hues and the tertiary grey stay apart by CIEDE2000 24.0 under normal vision, 15.1 under protanopia, 9.8 under deuteranopia (rose and grey) and 8.9 under tritanopia (orange text and rose); the token test holds 15, 10, 9 and 8. The indigo and the rose share their lightness, so each part also carries its label.
 
 Rules:
 
 - A one-series chart stays navy (`--mq-chart-series-1`). Up to four series, the ordered palette applies in apps too; the categorical hues are for charts of five or more categories and for data categories.
 - Fix each hue to its category across every view of the app; never let a charting library rotate through the palette.
-- No series uses a status token. The vermillion is a data category ("removed from the list"), not an error: `--mq-danger` stays for errors. The green, the orange, the orange text and the vermillion sit CIEDE2000 3.3, 2.2, 2.8 and 7.9 from `--mq-success`, `--mq-warning-fill`, `--mq-warning` and `--mq-danger`, so code tells them apart by token name and the screen by the word or sign each carries, never by hue.
+- No series uses a status token. The vermillion is a data category ("removed from the list"), not an error: `--mq-danger` stays for errors. The green, the orange, the orange text and the vermillion sit CIEDE2000 3.3, 2.2, 2.8 and 7.9 from `--mq-success`, `--mq-warning-fill`, `--mq-warning` and `--mq-danger`, so code tells them apart by token name and the screen by the word or sign each carries, never by hue. The indigo sits 8.5 from `--mq-info` and the rose 17.4 from `--mq-danger`, under the same rule.
 - Marks sit on the surface (`--mq-surface`), where every hue meets 3:1 and needs no outline. On the canvas the orange falls to 2.88:1, and on the recessed surface the orange and the blue fall below 3:1, so a chart in these hues sits in a white card.
-- Text in a hue meets 4.5:1: the green, the vermillion and the violet may be text, orange text reads `--mq-app-cat-orange-text`, and the blue and the teal are never text.
+- Text in a hue meets 4.5:1: the green, the vermillion, the violet, the indigo and the rose may be text, orange text reads `--mq-app-cat-orange-text`, and the blue and the teal are never text.
 - Never colour alone: the green and the vermillion have almost the same lightness, so in greyscale they cannot be told apart. Every mark carries a direct label or a legend entry, and a change type its sign (+, −) or its word; label the green and the teal directly where they touch.
 - A change type keeps its hue wherever a change is listed (badge, dot, filter, count) and keeps its mark style on top: an added value with +, a removed value struck through.
 
@@ -1163,7 +1174,7 @@ Every local one-off (a component or a token a consumer adds under its own prefix
 
 # Tokens
 
-Every token of release 1.5.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.
+Every token of release 1.6.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
 
@@ -1221,6 +1232,8 @@ Every token of release 1.5.0, generated from dist/tokens.json. Consumers use the
 | `--mq-app-cat-blue` | `#3a8ff5` | App categorical hue for marks and fills on the surface only (3.27:1), never text (ADR-0008). |
 | `--mq-app-cat-violet` | `#5a2fbe` | App categorical hue: marks, fills and text (ADR-0008). |
 | `--mq-app-cat-teal` | `#178a91` | App categorical hue for marks and fills on the surface only (4.13:1), never text (ADR-0008). |
+| `--mq-app-cat-indigo` | `#4a5aa8` | App categorical hue: marks, fills and text, 6.33:1 on the surface; a data category, never the info status (ADR-0010). |
+| `--mq-app-cat-rose` | `#b71c5a` | App categorical hue: marks, fills and text, 6.31:1 on the surface; a data category, never the danger status (ADR-0010). |
 | `--mq-change-added` | `#1c7e3f` | Change type added, in apps only, always with its sign or its word: marks, fills and text (ADR-0008). |
 | `--mq-change-modified` | `#d78000` | Change type modified, in apps only, always with its word: marks and fills; its text reads change-modified-text (ADR-0008). |
 | `--mq-change-modified-text` | `#a35f00` | Text of the change type modified (counts, labels), in apps only (ADR-0008). |
@@ -1329,6 +1342,8 @@ Every token of release 1.5.0, generated from dist/tokens.json. Consumers use the
 | `--mq-core-app-blue` | `#3a8ff5` | App categorical blue, marks and fills only, 3.27:1 on white (ADR-0008). |
 | `--mq-core-app-violet` | `#5a2fbe` | App categorical violet (ADR-0008). |
 | `--mq-core-app-teal` | `#178a91` | App categorical teal, marks and fills only, 4.13:1 on white (ADR-0008). |
+| `--mq-core-app-indigo` | `#4a5aa8` | App categorical indigo, a data category in interactive apps only, never the info status; marks, fills and text, 6.33:1 on white (ADR-0010). |
+| `--mq-core-app-rose` | `#b71c5a` | App categorical rose, a data category in interactive apps only, never the danger status; marks, fills and text, 6.31:1 on white (ADR-0010). |
 | `--mq-core-font-family-outfit` | `Outfit, system-ui, -apple-system, 'Segoe UI', sans-serif` | Outfit, the sans for headings, labels and app UI (Owner ruling 10, 2026-10-09). |
 | `--mq-core-font-family-newsreader` | `Newsreader, Georgia, 'Times New Roman', serif` | Newsreader, the only serif; Georgia and Times New Roman are fallbacks only (Owner ruling 10, 2026-10-09). |
 | `--mq-core-font-family-geist-mono` | `'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace` | Geist Mono for figures and codes (Owner ruling 10, 2026-10-09). |

package/dist/llms.txt

@@ -8,33 +8,33 @@ 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.5.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.5.0/guidelines/brand.md): Name, tagline, legal line, wordmark, monogram, favicon, icons
-- [Voice](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.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.5.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.5.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.5.0/guidelines/typography.md): Families, weights, roles, sizes and line heights
-- [Layout](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.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.5.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.5.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.5.0/guidelines/accessibility.md): WCAG 2.2 AA, contrast pairs, focus, targets, motion, structure
-- [App patterns](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.0/guidelines/app-patterns.md): Apps only: the app shell, and the review, decision and history patterns of dense internal tools
-- [Specialising the design system](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.0/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.6.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.6.0/guidelines/brand.md): Name, tagline, legal line, wordmark, monogram, favicon, icons
+- [Voice](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.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.6.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.6.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.6.0/guidelines/typography.md): Families, weights, roles, sizes and line heights
+- [Layout](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.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.6.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.6.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.6.0/guidelines/accessibility.md): WCAG 2.2 AA, contrast pairs, focus, targets, motion, structure
+- [App patterns](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.0/guidelines/app-patterns.md): Apps only: the app shell, and the review, decision and history patterns of dense internal tools
+- [Specialising the design system](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.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.5.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.5.0/dist/tokens.json): every token with its resolved value and description
-- [tailwind.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.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.5.0/css/base.css): typography roles for documents
-- [components.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.0/css/components.css): the shared `mq-` document components
-- [slide.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.0/css/slide.css): the 1280 by 720 slide canvas
-- [print.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.0/css/print.css): A4 pages with exact colour printing
-- [app.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.0/css/app.css): status badges, for interactive apps only
-- [fonts.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.0/fonts/fonts.css): self-hosted Outfit, Newsreader and Geist Mono
+- [tokens.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.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.6.0/dist/tokens.json): every token with its resolved value and description
+- [tailwind.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.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.6.0/css/base.css): typography roles for documents
+- [components.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.0/css/components.css): the shared `mq-` document components
+- [slide.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.0/css/slide.css): the 1280 by 720 slide canvas
+- [print.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.0/css/print.css): A4 pages with exact colour printing
+- [app.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.0/css/app.css): status badges, for interactive apps only
+- [fonts.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.0/fonts/fonts.css): self-hosted Outfit, Newsreader and Geist Mono
 
 ## Optional
 
-- [llms-full.txt](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.5.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.5.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.5.0/guidelines/README.md): the file list and where each legacy rule went
+- [llms-full.txt](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.6.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.6.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.6.0/guidelines/README.md): the file list and where each legacy rule went

package/dist/tailwind.css

@@ -124,6 +124,8 @@
   --color-app-cat-blue: var(--mq-app-cat-blue);
   --color-app-cat-violet: var(--mq-app-cat-violet);
   --color-app-cat-teal: var(--mq-app-cat-teal);
+  --color-app-cat-indigo: var(--mq-app-cat-indigo);
+  --color-app-cat-rose: var(--mq-app-cat-rose);
   --color-change-added: var(--mq-change-added);
   --color-change-modified: var(--mq-change-modified);
   --color-change-modified-text: var(--mq-change-modified-text);

package/dist/tokens.css

@@ -43,6 +43,8 @@
   --mq-core-app-blue: #3a8ff5; /** App categorical blue, marks and fills only, 3.27:1 on white (ADR-0008). */
   --mq-core-app-violet: #5a2fbe; /** App categorical violet (ADR-0008). */
   --mq-core-app-teal: #178a91; /** App categorical teal, marks and fills only, 4.13:1 on white (ADR-0008). */
+  --mq-core-app-indigo: #4a5aa8; /** App categorical indigo, a data category in interactive apps only, never the info status; marks, fills and text, 6.33:1 on white (ADR-0010). */
+  --mq-core-app-rose: #b71c5a; /** App categorical rose, a data category in interactive apps only, never the danger status; marks, fills and text, 6.31:1 on white (ADR-0010). */
   --mq-core-font-family-outfit: Outfit, system-ui, -apple-system, 'Segoe UI', sans-serif; /** Outfit, the sans for headings, labels and app UI (Owner ruling 10, 2026-10-09). */
   --mq-core-font-family-newsreader: Newsreader, Georgia, 'Times New Roman', serif; /** Newsreader, the only serif; Georgia and Times New Roman are fallbacks only (Owner ruling 10, 2026-10-09). */
   --mq-core-font-family-geist-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace; /** Geist Mono for figures and codes (Owner ruling 10, 2026-10-09). */
@@ -147,6 +149,8 @@
   --mq-app-cat-blue: #3a8ff5; /** App categorical hue for marks and fills on the surface only (3.27:1), never text (ADR-0008). */
   --mq-app-cat-violet: #5a2fbe; /** App categorical hue: marks, fills and text (ADR-0008). */
   --mq-app-cat-teal: #178a91; /** App categorical hue for marks and fills on the surface only (4.13:1), never text (ADR-0008). */
+  --mq-app-cat-indigo: #4a5aa8; /** App categorical hue: marks, fills and text, 6.33:1 on the surface; a data category, never the info status (ADR-0010). */
+  --mq-app-cat-rose: #b71c5a; /** App categorical hue: marks, fills and text, 6.31:1 on the surface; a data category, never the danger status (ADR-0010). */
   --mq-change-added: #1c7e3f; /** Change type added, in apps only, always with its sign or its word: marks, fills and text (ADR-0008). */
   --mq-change-modified: #d78000; /** Change type modified, in apps only, always with its word: marks and fills; its text reads change-modified-text (ADR-0008). */
   --mq-change-modified-text: #a35f00; /** Text of the change type modified (counts, labels), in apps only (ADR-0008). */

package/dist/tokens.json

@@ -389,6 +389,26 @@
     ],
     "description": "App categorical teal, marks and fills only, 4.13:1 on white (ADR-0008)."
   },
+  "--mq-core-app-indigo": {
+    "value": "#4a5aa8",
+    "type": "color",
+    "path": [
+      "core",
+      "color",
+      "app-indigo"
+    ],
+    "description": "App categorical indigo, a data category in interactive apps only, never the info status; marks, fills and text, 6.33:1 on white (ADR-0010)."
+  },
+  "--mq-core-app-rose": {
+    "value": "#b71c5a",
+    "type": "color",
+    "path": [
+      "core",
+      "color",
+      "app-rose"
+    ],
+    "description": "App categorical rose, a data category in interactive apps only, never the danger status; marks, fills and text, 6.31:1 on white (ADR-0010)."
+  },
   "--mq-core-font-family-outfit": {
     "value": "Outfit, system-ui, -apple-system, 'Segoe UI', sans-serif",
     "type": "fontFamily",
@@ -1480,6 +1500,28 @@
     ],
     "description": "App categorical hue for marks and fills on the surface only (4.13:1), never text (ADR-0008)."
   },
+  "--mq-app-cat-indigo": {
+    "value": "#4a5aa8",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "app-cat",
+      "indigo"
+    ],
+    "description": "App categorical hue: marks, fills and text, 6.33:1 on the surface; a data category, never the info status (ADR-0010)."
+  },
+  "--mq-app-cat-rose": {
+    "value": "#b71c5a",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "app-cat",
+      "rose"
+    ],
+    "description": "App categorical hue: marks, fills and text, 6.31:1 on the surface; a data category, never the danger status (ADR-0010)."
+  },
   "--mq-change-added": {
     "value": "#1c7e3f",
     "type": "color",

package/guidelines/charts.md

@@ -37,7 +37,7 @@ Rules:
 
 ## App categorical palette (apps only)
 
-Six hues for interactive apps whose charts or lists show more categories than the four ordered series can carry, and three change types built on them (owner rulings 20 and 21, [ADR-0008](../docs/architecture/decisions/adr-0008-apps-have-a-categorical-palette.md)). They are light only until their dark values are ruled, and they never appear in documents, which keep the ordered palette.
+Eight hues for interactive apps whose charts or lists show more categories than the four ordered series can carry, and three change types built on them (owner rulings 20 and 21, [ADR-0008](../docs/architecture/decisions/adr-0008-apps-have-a-categorical-palette.md)). The indigo and the rose were added for the parts of a rule row (owner ruling of 2026-11-15, [ADR-0010](../docs/architecture/decisions/adr-0010-apps-gain-indigo-and-rose-categorical-hues.md)). They are light only until their dark values are ruled, and they never appear in documents, which keep the ordered palette.
 
 | Token | Value | Contrast on surface | Allowed for |
 | :-- | :-- | :-- | :-- |
@@ -48,6 +48,8 @@ Six hues for interactive apps whose charts or lists show more categories than th
 | `--mq-app-cat-blue` | `#3a8ff5` | 3.27:1 | Marks and fills only |
 | `--mq-app-cat-violet` | `#5a2fbe` | 8.12:1 | Marks, fills and text |
 | `--mq-app-cat-teal` | `#178a91` | 4.13:1 | Marks and fills only |
+| `--mq-app-cat-indigo` | `#4a5aa8` | 6.33:1 | Marks, fills and text |
+| `--mq-app-cat-rose` | `#b71c5a` | 6.31:1 | Marks, fills and text |
 
 | Change type | Token | Reads |
 | :-- | :-- | :-- |
@@ -55,15 +57,24 @@ Six hues for interactive apps whose charts or lists show more categories than th
 | Modified | `--mq-change-modified`; its text `--mq-change-modified-text` | The orange; the orange text |
 | Removed | `--mq-change-removed` | The vermillion |
 
-Between the six hues and navy series 1, the smallest CIEDE2000 distance is 17.4 under normal vision, 11.9 under protanopia, 12.9 under deuteranopia and 8.4 under tritanopia (green and teal); the token test holds those floors.
+Between the six hues of ADR-0008 and navy series 1, the smallest CIEDE2000 distance is 17.4 under normal vision, 11.9 under protanopia, 12.9 under deuteranopia and 8.4 under tritanopia (green and teal); the token test holds those floors. The indigo and the rose stay out of that set: the indigo sits 13.7 from the violet, so they are not added to a many-category chart beside it.
+
+| Rule row part | Token |
+| :-- | :-- |
+| The condition (when the rule applies) | `--mq-app-cat-indigo` |
+| What is paid | `--mq-app-cat-orange-text` |
+| How much | `--mq-app-cat-rose` |
+| The rule's own quoted text | `--mq-tertiary` |
+
+The three part hues and the tertiary grey stay apart by CIEDE2000 24.0 under normal vision, 15.1 under protanopia, 9.8 under deuteranopia (rose and grey) and 8.9 under tritanopia (orange text and rose); the token test holds 15, 10, 9 and 8. The indigo and the rose share their lightness, so each part also carries its label.
 
 Rules:
 
 - A one-series chart stays navy (`--mq-chart-series-1`). Up to four series, the ordered palette applies in apps too; the categorical hues are for charts of five or more categories and for data categories.
 - Fix each hue to its category across every view of the app; never let a charting library rotate through the palette.
-- No series uses a status token. The vermillion is a data category ("removed from the list"), not an error: `--mq-danger` stays for errors. The green, the orange, the orange text and the vermillion sit CIEDE2000 3.3, 2.2, 2.8 and 7.9 from `--mq-success`, `--mq-warning-fill`, `--mq-warning` and `--mq-danger`, so code tells them apart by token name and the screen by the word or sign each carries, never by hue.
+- No series uses a status token. The vermillion is a data category ("removed from the list"), not an error: `--mq-danger` stays for errors. The green, the orange, the orange text and the vermillion sit CIEDE2000 3.3, 2.2, 2.8 and 7.9 from `--mq-success`, `--mq-warning-fill`, `--mq-warning` and `--mq-danger`, so code tells them apart by token name and the screen by the word or sign each carries, never by hue. The indigo sits 8.5 from `--mq-info` and the rose 17.4 from `--mq-danger`, under the same rule.
 - Marks sit on the surface (`--mq-surface`), where every hue meets 3:1 and needs no outline. On the canvas the orange falls to 2.88:1, and on the recessed surface the orange and the blue fall below 3:1, so a chart in these hues sits in a white card.
-- Text in a hue meets 4.5:1: the green, the vermillion and the violet may be text, orange text reads `--mq-app-cat-orange-text`, and the blue and the teal are never text.
+- Text in a hue meets 4.5:1: the green, the vermillion, the violet, the indigo and the rose may be text, orange text reads `--mq-app-cat-orange-text`, and the blue and the teal are never text.
 - Never colour alone: the green and the vermillion have almost the same lightness, so in greyscale they cannot be told apart. Every mark carries a direct label or a legend entry, and a change type its sign (+, −) or its word; label the green and the teal directly where they touch.
 - A change type keeps its hue wherever a change is listed (badge, dot, filter, count) and keeps its mark style on top: an added value with +, a removed value struck through.
 

package/guidelines/colour.md

@@ -96,7 +96,7 @@ Every status colour comes with an icon or a word (WCAG 1.4.1):
 - a flag is a coloured word, and only on the rows that need attention, so normal rows stay quiet;
 - light badge backgrounds come from the 50 and 100 steps of the status scales in `dist/tailwind.css`, never a hand-picked tint.
 
-The red of the old Paracel theme survives only as `--mq-danger` ([ADR-0003](../docs/architecture/decisions/adr-0003-navy-is-the-single-brand-accent.md)). The app categorical palette and the change types (`--mq-app-cat-*`, `--mq-change-*`) are data categories, never statuses; their values and rules are in [charts](charts.md) ([ADR-0008](../docs/architecture/decisions/adr-0008-apps-have-a-categorical-palette.md)). Other app-specific hues, such as the annotation colours of regulatory text, stay local in the app under its own prefix until a second consumer needs them ([specialising](specialising.md)).
+The red of the old Paracel theme survives only as `--mq-danger` ([ADR-0003](../docs/architecture/decisions/adr-0003-navy-is-the-single-brand-accent.md)). The app categorical palette and the change types (`--mq-app-cat-*`, `--mq-change-*`) are data categories, never statuses; their values and rules are in [charts](charts.md) ([ADR-0008](../docs/architecture/decisions/adr-0008-apps-have-a-categorical-palette.md), [ADR-0010](../docs/architecture/decisions/adr-0010-apps-gain-indigo-and-rose-categorical-hues.md)). Other app-specific hues, such as the annotation colours of regulatory text, stay local in the app under its own prefix until a second consumer needs them ([specialising](specialising.md)).
 
 ## Chart colours
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medquantis/design-system",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "MedQuantis design tokens, shared CSS, assets, guidelines and Claude skill.",
   "type": "module",
   "repository": {
@@ -74,8 +74,8 @@
     "@playwright/test": "1.64.1",
     "ajv": "8.20.0",
     "lucide": "1.59.0",
-    "postcss": "8.5.30",
-    "style-dictionary": "5.7.0",
+    "postcss": "8.5.32",
+    "style-dictionary": "5.8.0",
     "stylelint": "17.16.0",
     "stylelint-declaration-strict-value": "1.12.1",
     "stylelint-value-no-unknown-custom-properties": "6.1.1",