@medquantis/design-system 1.0.1 → 1.2.0

package/dist/themes/dark.json

@@ -0,0 +1,436 @@
+{
+  "--mq-chart-series-1": {
+    "value": "#9fb3e8",
+    "type": "color",
+    "path": [
+      "semantic",
+      "chart",
+      "series",
+      "1"
+    ],
+    "description": "Series 1 on dark, the lightest first: 8.71:1 on the canvas (ADR-0007)."
+  },
+  "--mq-chart-series-2": {
+    "value": "#6f88c9",
+    "type": "color",
+    "path": [
+      "semantic",
+      "chart",
+      "series",
+      "2"
+    ],
+    "description": "Series 2 on dark: 5.22:1 on the canvas (ADR-0007)."
+  },
+  "--mq-chart-series-3": {
+    "value": "#5d6f91",
+    "type": "color",
+    "path": [
+      "semantic",
+      "chart",
+      "series",
+      "3"
+    ],
+    "description": "Series 3 on dark: 3.58:1 on the canvas (ADR-0007)."
+  },
+  "--mq-chart-series-4": {
+    "value": "#3a4560",
+    "type": "color",
+    "path": [
+      "semantic",
+      "chart",
+      "series",
+      "4"
+    ],
+    "description": "Series 4 on dark, context bars: 1.90:1 on the canvas (ADR-0007)."
+  },
+  "--mq-chart-rest": {
+    "value": "#232b3d",
+    "type": "color",
+    "path": [
+      "semantic",
+      "chart",
+      "rest"
+    ],
+    "description": "Remainder fill on dark, drawn with a series 4 outline: 1.28:1 on the canvas (ADR-0007)."
+  },
+  "--mq-chart-axis": {
+    "value": "#6b7385",
+    "type": "color",
+    "path": [
+      "semantic",
+      "chart",
+      "axis"
+    ],
+    "description": "Axis lines and ticks on dark (non-text): 3.81:1 on the canvas (ADR-0007)."
+  },
+  "--mq-chart-baseline": {
+    "value": "rgba(255, 255, 255, 0.1)",
+    "type": "color",
+    "path": [
+      "semantic",
+      "chart",
+      "baseline"
+    ],
+    "description": "Gridlines and baselines on dark, white at 10 % (decorative, ADR-0007)."
+  },
+  "--mq-accent": {
+    "value": "#6f88c9",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "accent"
+    ],
+    "description": "The lifted navy, the accent on dark: 5.22:1 on the canvas, 4.63:1 on the surface (ADR-0007)."
+  },
+  "--mq-accent-hover": {
+    "value": "#8aa0d6",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "accent-hover"
+    ],
+    "description": "Hover state of accent-coloured controls on dark, 6.98:1 on the canvas (ADR-0007)."
+  },
+  "--mq-accent-pale": {
+    "value": "rgba(111, 136, 201, 0.18)",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "accent-pale"
+    ],
+    "description": "The lifted navy at 18 % for a highlighted row, tag or state (ADR-0007)."
+  },
+  "--mq-accent-pale-2": {
+    "value": "rgba(111, 136, 201, 0.1)",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "accent-pale-2"
+    ],
+    "description": "The lifted navy at 10 %, the quieter fill (ADR-0007)."
+  },
+  "--mq-accent-highlight": {
+    "value": "#9fb3e8",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "accent-highlight"
+    ],
+    "description": "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": {
+    "value": "#11161f",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "on-accent"
+    ],
+    "description": "Near-black on the lifted accent, 5.22:1; white on it is 3.48:1 and is never used (ADR-0007)."
+  },
+  "--mq-ink": {
+    "value": "#f5f4f1",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "ink"
+    ],
+    "description": "Warm white, primary text: 16.48:1 on the canvas, 14.62:1 on the surface (ADR-0007)."
+  },
+  "--mq-muted": {
+    "value": "#c3cbdc",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "muted"
+    ],
+    "description": "Secondary text: 11.13:1 on the canvas, 9.88:1 on the surface (ADR-0007)."
+  },
+  "--mq-tertiary": {
+    "value": "#8f98aa",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "tertiary"
+    ],
+    "description": "Tertiary text, captions and footers: 6.25:1 on the canvas, 5.54:1 on the surface (ADR-0007)."
+  },
+  "--mq-decoration": {
+    "value": "#6b7385",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "decoration"
+    ],
+    "description": "Non-text decoration only, never text: 3.81:1 on the canvas, 3.38:1 on the surface (ADR-0007)."
+  },
+  "--mq-canvas": {
+    "value": "#11161f",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "canvas"
+    ],
+    "description": "A near-black with a navy cast, the background of every dark page (ADR-0007)."
+  },
+  "--mq-surface": {
+    "value": "#1a2131",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "surface"
+    ],
+    "description": "Cards and panels on a dark page (ADR-0007)."
+  },
+  "--mq-surface-alt": {
+    "value": "#141a26",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "surface-alt"
+    ],
+    "description": "Recessed surface on dark: table headers, grouped areas (ADR-0007)."
+  },
+  "--mq-desk": {
+    "value": "#0b0f16",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "desk"
+    ],
+    "description": "On screen only, around a dark page preview (ADR-0007)."
+  },
+  "--mq-border": {
+    "value": "rgba(255, 255, 255, 0.14)",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "border"
+    ],
+    "description": "Borders and dividers on dark, white at 14 % (decorative, ADR-0007)."
+  },
+  "--mq-border-light": {
+    "value": "rgba(255, 255, 255, 0.1)",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "border-light"
+    ],
+    "description": "Hairlines and card borders on dark, white at 10 % (decorative, ADR-0007)."
+  },
+  "--mq-border-strong": {
+    "value": "#8795b3",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "border-strong"
+    ],
+    "description": "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": {
+    "value": "#2f4c8f",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "panel-start"
+    ],
+    "description": "Light end of the navy panel gradient on dark, white 8.23:1 on it (ADR-0007)."
+  },
+  "--mq-panel-end": {
+    "value": "#0f2a5e",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "panel-end"
+    ],
+    "description": "Dark end of the navy panel gradient on dark (ADR-0007)."
+  },
+  "--mq-on-navy-accent": {
+    "value": "#b2c2ed",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "on-navy",
+      "accent"
+    ],
+    "description": "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": {
+    "value": "rgba(255, 255, 255, 0.5)",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "on-navy",
+      "discreet"
+    ],
+    "description": "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": {
+    "value": "#6fbf73",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "status",
+      "success"
+    ],
+    "description": "Apps only: success on dark, 8.09:1 on the canvas (ADR-0007, ADR-0004)."
+  },
+  "--mq-warning": {
+    "value": "#e0a040",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "status",
+      "warning"
+    ],
+    "description": "Apps only: warning text, icons and borders on dark, 8.00:1 on the canvas (ADR-0007, ADR-0004)."
+  },
+  "--mq-danger": {
+    "value": "#ff6b6b",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "status",
+      "danger"
+    ],
+    "description": "Apps only: errors and destructive actions on dark, 6.53:1 on the canvas (ADR-0007, ADR-0004)."
+  },
+  "--mq-info": {
+    "value": "#64a8f0",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "status",
+      "info"
+    ],
+    "description": "Apps only: information on dark, 7.25:1 on the canvas (ADR-0007, ADR-0004)."
+  },
+  "--mq-on-warning-fill": {
+    "value": "#11161f",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "status",
+      "on-warning-fill"
+    ],
+    "description": "Near-black on the warning fill, 6.18:1; warm white on it is 2.67:1 (ADR-0007)."
+  },
+  "--mq-warning-fill": {
+    "value": "#d4850a",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "warning-fill"
+    ],
+    "description": "The warning fill, unchanged on dark (ADR-0007)."
+  },
+  "--mq-warning-tint": {
+    "value": "rgba(212, 133, 10, 0.16)",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "warning-tint"
+    ],
+    "description": "The warning fill at 16 % behind ink text, 11.63:1 on the surface (ADR-0007)."
+  },
+  "--mq-dim": {
+    "value": "#8f98aa",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "dim"
+    ],
+    "description": "Retired name of the old tertiary grey; resolves to tertiary on dark too (ADR-0007).",
+    "deprecated": "Use --mq-tertiary for text or --mq-decoration for non-text decoration."
+  },
+  "--mq-accent-on-dark": {
+    "value": "#b2c2ed",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "accent-on-dark"
+    ],
+    "description": "Retired name of the accent on navy; resolves to the on-navy accent on dark too (owner ruling of 2026-10-17, ADR-0007).",
+    "deprecated": "Use --mq-on-navy-title for titles and rules, --mq-on-navy-accent for the one-off accent."
+  },
+  "--mq-focus-ring-color": {
+    "value": "#9fb3e8",
+    "type": "color",
+    "path": [
+      "semantic",
+      "focus",
+      "ring",
+      "color"
+    ],
+    "description": "Focus ring on dark backgrounds, the light navy: 8.71:1 on the canvas (ADR-0007)."
+  },
+  "--mq-shadow-small": {
+    "value": "0px 1px 2px 0px rgba(0, 0, 0, 0.4)",
+    "type": "shadow",
+    "path": [
+      "semantic",
+      "shadow",
+      "small"
+    ],
+    "description": "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": {
+    "value": "0px 3px 12px 0px rgba(0, 0, 0, 0.5)",
+    "type": "shadow",
+    "path": [
+      "semantic",
+      "shadow",
+      "medium"
+    ],
+    "description": "A slide or page previewed on the dark desk: black at 50 % (ADR-0007, owner approval of 2026-10-17)."
+  },
+  "--mq-shadow-panel": {
+    "value": "0px 0px 0px 1px rgba(159, 179, 232, 0.35)",
+    "type": "shadow",
+    "path": [
+      "semantic",
+      "shadow",
+      "panel"
+    ],
+    "description": "Navy panels on dark: a 1 px light-navy outline, no glow (ADR-0007, owner 2026-10-15)."
+  },
+  "--mq-shadow-edge": {
+    "value": "0px 0px 0px 1px rgba(159, 179, 232, 0.35)",
+    "type": "shadow",
+    "path": [
+      "semantic",
+      "shadow",
+      "edge"
+    ],
+    "description": "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)."
+  }
+}

package/dist/tokens.css

@@ -59,12 +59,15 @@
   --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). */
@@ -93,6 +96,7 @@
   --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. */
@@ -119,6 +123,7 @@
   --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; /** Retired name of the old tertiary grey; resolves to tertiary (Owner ruling 1, 2026-10-09). */
@@ -144,6 +149,7 @@
   --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). */
@@ -158,6 +164,8 @@
   --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. */

package/dist/tokens.json

@@ -572,6 +572,28 @@
     ],
     "description": "Font size 16.5 px (Report design system, 2026-10-08)."
   },
+  "--mq-core-font-line-height-1-15": {
+    "value": 1.15,
+    "type": "number",
+    "path": [
+      "core",
+      "font",
+      "line-height",
+      "1-15"
+    ],
+    "description": "Line height 1.15, the tight end of headings, counters and stat figures (owner, 2026-10-15)."
+  },
+  "--mq-core-font-line-height-1-55": {
+    "value": 1.55,
+    "type": "number",
+    "path": [
+      "core",
+      "font",
+      "line-height",
+      "1-55"
+    ],
+    "description": "Line height 1.55 of app UI text, labels, descriptions and the document body (owner, 2026-10-15)."
+  },
   "--mq-core-radius-3": {
     "value": "3px",
     "type": "dimension",
@@ -632,6 +654,16 @@
     ],
     "description": "Navy-tinted elevation for navy panels (increment 07 component need, Report design system, 2026-10-08)."
   },
+  "--mq-core-shadow-none": {
+    "value": "0px 0px 0px 0px rgba(0, 0, 0, 0)",
+    "type": "shadow",
+    "path": [
+      "core",
+      "shadow",
+      "none"
+    ],
+    "description": "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": {
     "value": "720px",
     "type": "dimension",
@@ -916,6 +948,16 @@
     ],
     "description": "Quieter pale accent fill."
   },
+  "--mq-accent-highlight": {
+    "value": "#0a2463",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "accent-highlight"
+    ],
+    "description": "Large highlighted title text; the accent itself in light, the light navy in dark (ADR-0007)."
+  },
   "--mq-on-accent": {
     "value": "#ffffff",
     "type": "color",
@@ -1188,6 +1230,17 @@
     ],
     "description": "Apps only: information, always with an icon or a word (ADR-0004)."
   },
+  "--mq-on-warning-fill": {
+    "value": "#1a1a1a",
+    "type": "color",
+    "path": [
+      "semantic",
+      "color",
+      "status",
+      "on-warning-fill"
+    ],
+    "description": "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": {
     "value": "#d4850a",
     "type": "color",
@@ -1442,6 +1495,16 @@
     ],
     "description": "Navy panels (increment 07 component need)."
   },
+  "--mq-shadow-edge": {
+    "value": "0px 0px 0px 0px rgba(0, 0, 0, 0)",
+    "type": "shadow",
+    "path": [
+      "semantic",
+      "shadow",
+      "edge"
+    ],
+    "description": "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": {
     "value": "1280px",
     "type": "dimension",
@@ -1590,6 +1653,28 @@
     ],
     "description": "Owner ruling 6, 2026-10-09: only the Quantis half of the wordmark; never for headings or body text."
   },
+  "--mq-font-line-height-body": {
+    "value": 1.55,
+    "type": "number",
+    "path": [
+      "semantic",
+      "font",
+      "line-height",
+      "body"
+    ],
+    "description": "Body line height of documents, slides and pages (owner, 2026-10-15)."
+  },
+  "--mq-font-line-height-tight": {
+    "value": 1.15,
+    "type": "number",
+    "path": [
+      "semantic",
+      "font",
+      "line-height",
+      "tight"
+    ],
+    "description": "Tight line height of section titles; the display title keeps its own 1.08 (owner, 2026-10-15)."
+  },
   "--mq-font-size-hero-min": {
     "value": "34px",
     "type": "dimension",

package/guidelines/README.md

@@ -8,7 +8,7 @@ The MedQuantis brand, writing, colour, type, layout, chart, data and accessibili
 | [brand.md](brand.md) | Name, tagline, legal line, wordmark, monogram, favicon, icons |
 | [voice.md](voice.md) | Tone, words to prefer and avoid, languages, terminology in French, German, Italian and English |
 | [writing.md](writing.md) | No em or en dash, titles, sentences and lists, French typography |
-| [colour.md](colour.md) | Semantic colour tokens, the medium split, navy panels, states by mark style, status colours in apps |
+| [colour.md](colour.md) | Semantic colour tokens, the medium split, navy panels, states by mark style, status colours in apps, the dark theme |
 | [typography.md](typography.md) | Families, weights, roles, sizes and line heights |
 | [layout.md](layout.md) | Media, report skeleton, widths and spacing, radius, components, tables, app patterns, print |
 | [charts.md](charts.md) | The ordered palette, highlight on grey, sequential and diverging use, marks, legends |
@@ -20,7 +20,7 @@ The values themselves live in `tokens/` and reach these pages as `--mq-*` names;
 
 ## Where the legacy rules went
 
-These guidelines replace five earlier documents, which competed and partly contradicted each other: the platform brand document, the platform design-system document, the platform report design system of 2026-10-08, the platform style guide and the Paracel design document. Every rule found in them is listed below, rewritten, either as carried over (with the file that now holds it) or as dropped (with the reason). Rulings cited by number are the owner rulings of 2026-10-09 and 2026-10-10 recorded in the bootstrap plan; ADRs are in `docs/architecture/decisions/`.
+These guidelines replace five earlier documents, which competed and partly contradicted each other: the platform brand document, the platform design-system document, the platform report design system of 2026-10-08, the platform style guide and the Paracel design document. Every rule found in them is listed below, rewritten, either as carried over (with the file that now holds it) or as dropped (with the reason). Rulings cited by number are the owner rulings of 2026-10-09 and 2026-10-10 recorded in the bootstrap plan (1 to 11) and the later ones listed under "Rulings after the bootstrap" (12 on); ADRs are in `docs/architecture/decisions/`.
 
 | Source | Rules found | Carried over | Dropped |
 | :-- | --: | --: | --: |
@@ -308,3 +308,18 @@ These guidelines replace five earlier documents, which competed and partly contr
 | Copy-paste root block of custom properties | Paracel design document | Superseded by ADR-0002 and ADR-0006 (generated --mq- tokens) |
 | Machine-readable kit token section with the red accent | Paracel design document | Superseded by ADR-0006: the kit contract is generated |
 | Workflow stage colours with white text inside the bar segments | Paracel design document | Superseded by ADR-0004 (status hues for system status only) and the contrast pairs (white fails on the light series) |
+
+## Rulings after the bootstrap
+
+Owner rulings taken after the bootstrap plan, numbered on from ruling 11. Each is recorded in its decision record and applied in the guideline named.
+
+| Ruling | Date | Rule | Now in | Source |
+| :-- | :-- | :-- | :-- | :-- |
+| 12 | 2026-10-15 | MedQuantis has a dark theme: the semantic roles re-valued under `.dark` and shipped in `themes/dark.css`, for apps, documents and slides | [colour.md](colour.md) | ADR-0007, design pass of 2026-10-15 |
+| 13 | 2026-10-15 | No glow on dark: a navy panel on dark draws a 1 px light-navy outline (`--mq-shadow-panel`) | [colour.md](colour.md), [layout.md](layout.md) | ADR-0007, design pass of 2026-10-15 |
+| 14 | 2026-10-15 | The white wordmark on every dark surface, never the navy one; a navy tile on dark takes the panel gradient; the monogram takes the panel's outline | [brand.md](brand.md) | ADR-0007, design pass of 2026-10-15 |
+| 15 | 2026-10-15 | A document is light or dark, chosen by its author at build time, never from the reader's screen | [colour.md](colour.md) | ADR-0007, design pass of 2026-10-15 |
+| 16 | 2026-10-15 | Status and chart values on dark; text on the warning fill reads `--mq-on-warning-fill`, ink in light | [colour.md](colour.md) | ADR-0007, design pass of 2026-10-15 |
+| 17 | 2026-10-15 | A deck's classification sits at the right of the slide footer, before the number, in the deck's language: the label only, never the C0 to C3 code. Amends ruling 11 | [layout.md](layout.md), [brand.md](brand.md) | Design pass of 2026-10-15 (the ADR-0007 decision log), Plan-0003 |
+| 18 | 2026-10-17 | Accent text on the pale fills (the pale KPI value, the pale badge, the callout title) reads `--mq-accent-highlight`, the accent itself in light | [colour.md](colour.md) | ADR-0007 |
+| 19 | 2026-10-17 | On the dark panel start, `--mq-on-navy-accent` is `#b2c2ed` and `--mq-on-navy-discreet` white at 50 %, large text or non-text only; the light values are unchanged | [colour.md](colour.md) | ADR-0007 |

package/guidelines/brand.md

@@ -27,6 +27,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 |
@@ -36,7 +38,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/`:
 
@@ -48,6 +50,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.
 
@@ -62,6 +65,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.