# Contrast report (1.1.0, profile: default)

Measured on resolved sRGB values with the WCAG 2.x formula. A pass here is a design target for the named role, not an application-wide conformance claim. Waived pairs are listed with their reason.

| Pair | State | Kind | Foreground | Background | Ratio | Minimum | Result |
| --- | --- | --- | --- | --- | --- | --- | --- |
| default text on canvas | — | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| default text on default surface | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| default text on raised | — | text | `color.text.default` #e99499 | `color.surface.raised` #160b0b | 8.43 | 4.5 | pass |
| bright text on canvas | — | text | `color.text.bright` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| prose on canvas | — | text | `color.text.prose` #f4eeee | `color.surface.canvas` #000000 | 18.31 | 4.5 | pass |
| prose on sunken | — | text | `color.text.prose` #f4eeee | `color.surface.sunken` #000000 | 18.31 | 4.5 | pass |
| muted text on canvas | — | text | `color.text.muted` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| muted text on raised | — | text | `color.text.muted` #bd787d | `color.surface.raised` #160b0b | 5.66 | 4.5 | pass |
| subtle text on canvas | — | text | `color.text.subtle` #ad7175 | `color.surface.canvas` #000000 | 5.40 | 4.5 | pass |
| subtle text on raised | — | text | `color.text.subtle` #ad7175 | `color.surface.raised` #160b0b | 4.96 | 4.5 | pass |
| disabled text on canvas (exempt; house floor 3:1) | — | ui | `color.text.disabled` #8a5559 | `color.surface.canvas` #000000 | 3.52 | 3 | pass |
| placeholder on input | — | text | `color.text.placeholder` #a3676b | `color.surface.input` #000000 | 4.71 | 4.5 | pass |
| accent text on canvas | — | text | `color.text.accent` #e53935 | `color.surface.canvas` #000000 | 4.97 | 4.5 | pass |
| accent text on default surface | — | text | `color.text.accent` #e53935 | `color.surface.default` #100c0c | 4.60 | 4.5 | pass |
| strong accent on raised | — | text | `color.text.accent-strong` #f73f35 | `color.surface.raised` #160b0b | 5.26 | 4.5 | pass |
| link on canvas | — | text | `color.text.link` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| link hover text on strong hover fill | — | text | `color.text.link-hover` #f4eeee | `color.interaction.hover.bg-strong` #630f0d | 11.41 | 4.5 | pass |
| selection text on selection | — | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| inactive selection text on inactive selection | — | text | `color.interaction.selection.inactive-text` #e99499 | `color.interaction.selection.inactive-bg` #420f0c | 7.02 | 4.5 | pass |
| primary action text on fill | — | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| primary action text on hover fill | — | text | `color.action.primary.text` #f4eeee | `color.action.primary.hover-bg` #911410 | 7.92 | 4.5 | pass |
| secondary action text on canvas | — | text | `color.action.secondary.text` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| destructive text on canvas | — | text | `color.action.destructive.text` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| destructive hover text on hover fill | — | text | `color.action.destructive.hover-text` #f9faf9 | `color.action.destructive.hover-bg` #dc282e | 4.58 | 4.5 | pass |
| danger text on canvas | — | text | `color.status.danger.text` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| danger text on danger tint | — | text | `color.status.danger.text` #f73f35 | `color.status.danger.tint` #2b0e0d | 4.88 | 4.5 | pass |
| danger on-fill text | — | text | `color.status.danger.on-fill` #f9faf9 | `color.status.danger.fill` #dc282e | 4.58 | 4.5 | pass |
| warning text on canvas | — | text | `color.status.warning.text` #c9973f | `color.surface.canvas` #000000 | 7.98 | 4.5 | pass |
| warning text on warning tint | — | text | `color.status.warning.text` #c9973f | `color.status.warning.tint` #1f1a0c | 6.59 | 4.5 | pass |
| warning on-fill text | — | text | `color.status.warning.on-fill` #0c0909 | `color.status.warning.fill` #c9973f | 7.54 | 4.5 | pass |
| success text on canvas | — | text | `color.status.success.text` #86a46f | `color.surface.canvas` #000000 | 7.55 | 4.5 | pass |
| success text on success tint | — | text | `color.status.success.text` #86a46f | `color.status.success.tint` #0f1a0e | 6.43 | 4.5 | pass |
| success on-fill text | — | text | `color.status.success.on-fill` #0c0909 | `color.status.success.fill` #86a46f | 7.13 | 4.5 | pass |
| info text on canvas | — | text | `color.status.info.text` #7e9ebb | `color.surface.canvas` #000000 | 7.50 | 4.5 | pass |
| info text on info tint | — | text | `color.status.info.text` #7e9ebb | `color.status.info.tint` #0f141c | 6.59 | 4.5 | pass |
| info on-fill text | — | text | `color.status.info.on-fill` #0c0909 | `color.status.info.fill` #7e9ebb | 7.08 | 4.5 | pass |
| neutral on-fill text | — | text | `color.status.neutral.on-fill` #000000 | `color.status.neutral.fill` #a3676b | 4.71 | 4.5 | pass |
| focus ring on canvas | — | ui | `color.interaction.focus.ring` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| focus ring on default surface | — | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| container focus ring on selection | — | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| control border on input | — | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| control border on default surface | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| active border on input | — | ui | `color.border.active` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| decorative border on canvas (decorative; not a control edge) | — | ui | `color.border.default` #531310 | `color.surface.canvas` #000000 | 1.47 | 3 | waived: decorative hairline; never the only boundary of a control (spec/foundations.md) |
| strong rule on canvas (decorative) | — | ui | `color.border.strong` #9e231f | `color.surface.canvas` #000000 | 2.71 | 3 | waived: 2px decorative rule paired with a surface change; never the only boundary of a control |
| line numbers on code background | — | text | `color.code.line-number` #ad7175 | `color.code.bg` #0c0909 | 5.10 | 4.5 | pass |
| caret on current line | — | ui | `color.code.caret` #e99499 | `color.code.current-line` #1c0a09 | 8.35 | 3 | pass |
| comment on code background | — | text | `color.code.syntax.comment` #ad7175 | `color.code.bg` #0c0909 | 5.10 | 4.5 | pass |
| string on code background | — | text | `color.code.syntax.string` #bd787d | `color.code.bg` #0c0909 | 5.81 | 4.5 | pass |
| keyword on code background | — | text | `color.code.syntax.keyword` #f73f35 | `color.code.bg` #0c0909 | 5.40 | 4.5 | pass |
| type on code background | — | text | `color.code.syntax.type` #b37175 | `color.code.bg` #0c0909 | 5.23 | 4.5 | pass |
| muted text on editor selection | — | text | `color.text.muted` #bd787d | `color.code.selection-bg` #420f0c | 4.71 | 4.5 | pass |
| current search match text | — | text | `color.code.search-current-text` #0c0909 | `color.code.search-current-bg` #ffa2a7 | 10.37 | 4.5 | pass |
| error text on canvas | — | text | `color.diagnostic.error.text` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| warning diagnostic text on canvas | — | text | `color.diagnostic.warning.text` #c9973f | `color.surface.canvas` #000000 | 7.98 | 4.5 | pass |
| info diagnostic text on canvas | — | text | `color.diagnostic.info.text` #7e9ebb | `color.surface.canvas` #000000 | 7.50 | 4.5 | pass |
| default text on added-line background | — | text | `color.text.default` #e99499 | `color.diff.added.bg` #0f1a0e | 7.80 | 4.5 | pass |
| default text on removed-line background | — | text | `color.text.default` #e99499 | `color.diff.removed.bg` #2b0e0d | 7.82 | 4.5 | pass |
| default text on modified-line background | — | text | `color.text.default` #e99499 | `color.diff.modified.bg` #1f1a0c | 7.56 | 4.5 | pass |
| terminal foreground | — | text | `color.terminal.fg` #e99499 | `color.terminal.bg` #0c0909 | 8.65 | 4.5 | pass |
| chart label on canvas | — | text | `color.chart.label` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| chart series 4 on canvas (graphic) | — | ui | `color.chart.series-4` #a3676b | `color.surface.canvas` #000000 | 4.71 | 3 | pass |
| decorative icon on canvas (graphic) | — | ui | `color.icon.decorative` #a3676b | `color.surface.canvas` #000000 | 4.71 | 3 | pass |
| admin-form default text | default | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| admin-form default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| admin-form invalid text | invalid | text | `color.status.danger.text` #f73f35 | `color.status.danger.tint` #2b0e0d | 4.88 | 4.5 | pass |
| admin-form invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.status.danger.tint` #2b0e0d | 4.24 | 3 | pass |
| admin-form busy text | busy | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| title, labels and the current step on the panel surface | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| help, affix and review keys on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| breadcrumb links on the panel surface | — | text | `color.text.link` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| complete-step check | — | text | `color.status.success.text` #86a46f | `color.surface.default` #100c0c | 6.99 | 4.5 | pass |
| notice title on its tint | — | text | `color.status.info.text` #7e9ebb | `color.status.info.tint` #0f141c | 6.59 | 4.5 | pass |
| notice text on its tint | — | text | `color.text.default` #e99499 | `color.status.info.tint` #0f141c | 8.06 | 4.5 | pass |
| summary text on the danger tint | invalid | text | `color.text.default` #e99499 | `color.status.danger.tint` #2b0e0d | 7.82 | 4.5 | pass |
| field messages on the panel surface | invalid | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| invalid field boundary | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| current-step indicator bar | — | ui | `color.border.selected-indicator` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| Back button and file-input button boundaries | — | ui | `color.action.secondary.border` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| disabled control text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled labels and review keys (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| disabled boundaries (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| review header rule (decorative) | — | ui | `color.border.strong` #9e231f | `color.surface.default` #100c0c | 2.51 | 1 | pass |
| panel edge (decorative) | — | ui | `color.border.default` #531310 | `color.surface.default` #100c0c | 1.36 | 1 | pass |
| step, row and footer rules (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.default` #100c0c | 1.08 | 1 | pass |
| alert default text | default | text | `color.status.danger.text` #f73f35 | `color.status.danger.tint` #2b0e0d | 4.88 | 4.5 | pass |
| alert default border | default | ui | `color.status.danger.border` #e53935 | `color.status.danger.tint` #2b0e0d | 4.24 | 3 | pass |
| alert hover text | hover | text | `color.action.tertiary.text` #e99499 | `color.action.tertiary.hover-bg` #1c0a09 | 8.35 | 4.5 | pass |
| alert focus-visible text | focus-visible | text | `color.action.tertiary.text` #e99499 | `color.status.info.tint` #0f141c | 8.06 | 4.5 | pass |
| alert focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.status.info.tint` #0f141c | 4.37 | 3 | pass |
| body text on the danger tint | — | text | `color.text.default` #e99499 | `color.status.danger.tint` #2b0e0d | 7.82 | 4.5 | pass |
| warning glyph and title on the warning tint | — | text | `color.status.warning.text` #c9973f | `color.status.warning.tint` #1f1a0c | 6.59 | 4.5 | pass |
| warning border on the warning tint | — | ui | `color.status.warning.border` #c9973f | `color.status.warning.tint` #1f1a0c | 6.59 | 3 | pass |
| body text on the warning tint | — | text | `color.text.default` #e99499 | `color.status.warning.tint` #1f1a0c | 7.56 | 4.5 | pass |
| success glyph and title on the success tint | — | text | `color.status.success.text` #86a46f | `color.status.success.tint` #0f1a0e | 6.43 | 4.5 | pass |
| success border on the success tint | — | ui | `color.status.success.border` #86a46f | `color.status.success.tint` #0f1a0e | 6.43 | 3 | pass |
| body text on the success tint | — | text | `color.text.default` #e99499 | `color.status.success.tint` #0f1a0e | 7.80 | 4.5 | pass |
| info glyph and title on the info tint | — | text | `color.status.info.text` #7e9ebb | `color.status.info.tint` #0f141c | 6.59 | 4.5 | pass |
| info border on the info tint | — | ui | `color.status.info.border` #7e9ebb | `color.status.info.tint` #0f141c | 6.59 | 3 | pass |
| body text on the info tint | — | text | `color.text.default` #e99499 | `color.status.info.tint` #0f141c | 8.06 | 4.5 | pass |
| neutral glyph and title on the neutral tint | — | text | `color.status.neutral.text` #bd787d | `color.status.neutral.tint` #241010 | 5.31 | 4.5 | pass |
| neutral border on the neutral tint | — | ui | `color.status.neutral.border` #a3676b | `color.status.neutral.tint` #241010 | 4.07 | 3 | pass |
| body text on the neutral tint | — | text | `color.text.default` #e99499 | `color.status.neutral.tint` #241010 | 7.92 | 4.5 | pass |
| close button on the info tint | — | text | `color.action.tertiary.text` #e99499 | `color.status.info.tint` #0f141c | 8.06 | 4.5 | pass |
| ring on the info tint | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.status.info.tint` #0f141c | 4.37 | 3 | pass |
| avatar default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| avatar default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| badge default text | default | text | `color.status.danger.on-fill` #f9faf9 | `color.status.danger.fill` #dc282e | 4.58 | 4.5 | pass |
| badge empty text | empty | text | `color.status.danger.on-fill` #f9faf9 | `color.status.danger.fill` #dc282e | 4.58 | 4.5 | pass |
| warning badge | — | text | `color.status.warning.on-fill` #0c0909 | `color.status.warning.fill` #c9973f | 7.54 | 4.5 | pass |
| success badge | — | text | `color.status.success.on-fill` #0c0909 | `color.status.success.fill` #86a46f | 7.13 | 4.5 | pass |
| info badge | — | text | `color.status.info.on-fill` #0c0909 | `color.status.info.fill` #7e9ebb | 7.08 | 4.5 | pass |
| neutral badge | — | text | `color.status.neutral.on-fill` #000000 | `color.status.neutral.fill` #a3676b | 4.71 | 4.5 | pass |
| count badge | — | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| danger outline text | — | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| warning outline text | — | text | `color.status.warning.text` #c9973f | `color.surface.default` #100c0c | 7.39 | 4.5 | pass |
| success outline text | — | text | `color.status.success.text` #86a46f | `color.surface.default` #100c0c | 6.99 | 4.5 | pass |
| info outline text | — | text | `color.status.info.text` #7e9ebb | `color.surface.default` #100c0c | 6.94 | 4.5 | pass |
| neutral outline text | — | text | `color.status.neutral.text` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| danger outline border | — | ui | `color.status.danger.border` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| warning outline border | — | ui | `color.status.warning.border` #c9973f | `color.surface.default` #100c0c | 7.39 | 3 | pass |
| success outline border | — | ui | `color.status.success.border` #86a46f | `color.surface.default` #100c0c | 6.99 | 3 | pass |
| info outline border | — | ui | `color.status.info.border` #7e9ebb | `color.surface.default` #100c0c | 6.94 | 3 | pass |
| neutral outline border | — | ui | `color.status.neutral.border` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| danger dot on the panel surface | empty | ui | `color.status.danger.fill` #dc282e | `color.surface.default` #100c0c | 4.06 | 3 | pass |
| warning dot on the panel surface | empty | ui | `color.status.warning.fill` #c9973f | `color.surface.default` #100c0c | 7.39 | 3 | pass |
| success dot on the panel surface | empty | ui | `color.status.success.fill` #86a46f | `color.surface.default` #100c0c | 6.99 | 3 | pass |
| info dot on the panel surface | empty | ui | `color.status.info.fill` #7e9ebb | `color.surface.default` #100c0c | 6.94 | 3 | pass |
| neutral dot on the panel surface | empty | ui | `color.status.neutral.fill` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| breadcrumbs default text | default | text | `color.text.link` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| breadcrumbs hover text | hover | text | `color.text.link-hover` #f4eeee | `color.interaction.hover.bg-strong` #630f0d | 11.41 | 4.5 | pass |
| breadcrumbs focus-visible text | focus-visible | text | `color.text.link` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| breadcrumbs focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| breadcrumbs current text | current | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| breadcrumbs truncated text | truncated | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| separator on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| link underline | — | ui | `color.text.link-underline` #dc282e | `color.surface.default` #100c0c | 4.06 | 3 | pass |
| button-group default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| button-group default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| button default text | default | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| button hover text | hover | text | `color.action.primary.text` #f4eeee | `color.action.primary.hover-bg` #911410 | 7.92 | 4.5 | pass |
| button focus-visible text | focus-visible | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| button focus-visible outline | focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.action.primary.bg` #7d1310 | 5.57 | 3 | pass |
| button active text | active | text | `color.action.primary.text` #f4eeee | `color.action.primary.pressed-bg` #630f0d | 11.41 | 4.5 | pass |
| button loading text | loading | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| primary fill against the panel (decorative; the label identifies the button) | — | ui | `color.action.primary.bg` #7d1310 | `color.surface.default` #100c0c | 1.83 | 3 | waived: the fill is not the boundary of the control; the label text at 9.28:1 identifies it, and hover, active and focus each add a second channel |
| secondary text at rest | — | text | `color.action.secondary.text` #ffa2a7 | `color.action.secondary.bg` #000000 | 10.98 | 4.5 | pass |
| secondary border at rest | — | ui | `color.action.secondary.border` #a3676b | `color.action.secondary.bg` #000000 | 4.71 | 3 | pass |
| secondary text on the hover fill | hover | text | `color.action.secondary.text` #ffa2a7 | `color.action.secondary.hover-bg` #630f0d | 6.84 | 4.5 | pass |
| secondary border against the panel while hovered (the fill inside it measures 2.94:1) | hover | ui | `color.action.secondary.border` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| ring on the secondary hover fill | hover | ui | `color.interaction.focus.ring` #e53935 | `color.action.secondary.hover-bg` #630f0d | 3.10 | 3 | pass |
| secondary text while pressed | active | text | `color.action.secondary.text` #ffa2a7 | `color.action.secondary.pressed-bg` #420f0c | 8.41 | 4.5 | pass |
| tertiary text at rest | — | text | `color.action.tertiary.text` #e99499 | `color.action.secondary.bg` #000000 | 9.16 | 4.5 | pass |
| tertiary text on the hover fill | hover | text | `color.action.tertiary.text` #e99499 | `color.action.tertiary.hover-bg` #1c0a09 | 8.35 | 4.5 | pass |
| tertiary text while pressed | active | text | `color.action.tertiary.text` #e99499 | `color.interaction.pressed.bg` #420f0c | 7.02 | 4.5 | pass |
| active border on the pressed fill | active | ui | `color.border.active` #e53935 | `color.interaction.pressed.bg` #420f0c | 3.81 | 3 | pass |
| destructive text at rest | — | text | `color.action.destructive.text` #f73f35 | `color.action.secondary.bg` #000000 | 5.72 | 4.5 | pass |
| destructive border at rest | — | ui | `color.action.destructive.border` #e53935 | `color.action.secondary.bg` #000000 | 4.97 | 3 | pass |
| destructive text on the hover fill | hover | text | `color.action.destructive.hover-text` #f9faf9 | `color.action.destructive.hover-bg` #dc282e | 4.58 | 4.5 | pass |
| ring on the destructive hover fill (the ring takes the on-fill colour) | hover | ui | `color.action.destructive.hover-text` #f9faf9 | `color.action.destructive.hover-bg` #dc282e | 4.58 | 3 | pass |
| destructive text while pressed | active | text | `color.action.destructive.hover-text` #f9faf9 | `color.action.destructive.pressed-bg` #ae1914 | 6.81 | 4.5 | pass |
| confirm-dialog filled destructive | — | text | `color.action.destructive.filled-text` #f9faf9 | `color.action.destructive.filled-bg` #dc282e | 4.58 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| card default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| card hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| card hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| card focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| card focus-visible outline | focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 3 | pass |
| card selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| card selected+focus-visible text | selected+focus-visible | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| card selected+focus-visible outline | selected+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| title on the card | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| metadata on the card | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| title on the hover fill | hover | text | `color.text.bright` #ffa2a7 | `color.interaction.hover.bg` #1c0a09 | 10.01 | 4.5 | pass |
| metadata on the hover fill | hover | text | `color.text.muted` #bd787d | `color.interaction.hover.bg` #1c0a09 | 5.60 | 4.5 | pass |
| card edge (decorative; the card is not a control at rest) | — | ui | `color.border.default` #531310 | `color.surface.default` #100c0c | 1.36 | 1 | pass |
| chart default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| chart default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| checkbox default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| checkbox hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| checkbox focus-visible border | focus-visible | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| checkbox focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| checkbox checked text | checked | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| checkbox mixed text | mixed | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| checkbox checked+focus-visible text | checked+focus-visible | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| checkbox checked+focus-visible outline | checked+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.action.primary.bg` #7d1310 | 5.57 | 3 | pass |
| checkbox invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| checkbox required border | required | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| option text on the panel surface | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| legend on the panel surface | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| checked box edge against the panel (the border stays border.control) | checked | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| glyph on the hovered checked fill | hover | text | `color.action.primary.text` #f4eeee | `color.action.primary.hover-bg` #911410 | 7.92 | 4.5 | pass |
| validation message on the panel surface | — | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| disabled option text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| disabled glyph (exempt; house floor 3:1) | checked+disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| chip default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| chip default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| chip hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| chip hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| chip focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| chip focus-visible border | focus-visible | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| chip focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| chip selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| chip selected+focus-visible text | selected+focus-visible | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| chip selected+focus-visible outline | selected+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| remove glyph at rest | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| disabled chip text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled chip border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| code-editor default text | default | text | `color.code.syntax.variable` #e99499 | `color.code.bg` #0c0909 | 8.65 | 4.5 | pass |
| code-editor default border | default | ui | `color.border.control` #a3676b | `color.code.bg` #0c0909 | 4.45 | 3 | pass |
| code-editor focus-visible text | focus-visible | text | `color.code.syntax.variable` #e99499 | `color.code.current-line` #1c0a09 | 8.35 | 4.5 | pass |
| code-editor focus-visible outline | focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.code.current-line` #1c0a09 | 10.01 | 3 | pass |
| code-editor selected text | selected | text | `color.code.syntax.variable` #e99499 | `color.code.selection-bg` #420f0c | 7.02 | 4.5 | pass |
| code-editor selected+container-inactive text | selected+container-inactive | text | `color.interaction.selection.inactive-text` #e99499 | `color.interaction.selection.inactive-bg` #420f0c | 7.02 | 4.5 | pass |
| code-editor current text | current | text | `color.code.syntax.variable` #e99499 | `color.code.bg` #0c0909 | 8.65 | 4.5 | pass |
| code-editor current border | current | ui | `color.code.bracket-match` #e53935 | `color.code.bg` #0c0909 | 4.69 | 3 | pass |
| code-editor read-only text | read-only | text | `color.code.line-number` #ad7175 | `color.surface.sunken` #000000 | 5.40 | 4.5 | pass |
| caret on the current line | focus-visible | ui | `color.code.caret` #e99499 | `color.code.current-line` #1c0a09 | 8.35 | 3 | pass |
| bracket-match outline on the editor surface | current | ui | `color.code.bracket-match` #e53935 | `color.code.bg` #0c0909 | 4.69 | 3 | pass |
| bracket-match outline on the current line | current | ui | `color.code.bracket-match` #e53935 | `color.code.current-line` #1c0a09 | 4.53 | 3 | pass |
| line numbers in the gutter | — | text | `color.code.line-number` #ad7175 | `color.code.gutter-bg` #0c0909 | 5.10 | 4.5 | pass |
| active line number | — | text | `color.code.line-number-active` #e99499 | `color.code.current-line` #1c0a09 | 8.35 | 4.5 | pass |
| keyword | — | text | `color.code.syntax.keyword` #f73f35 | `color.code.bg` #0c0909 | 5.40 | 4.5 | pass |
| string | — | text | `color.code.syntax.string` #bd787d | `color.code.bg` #0c0909 | 5.81 | 4.5 | pass |
| comment | — | text | `color.code.syntax.comment` #ad7175 | `color.code.bg` #0c0909 | 5.10 | 4.5 | pass |
| number and constant | — | text | `color.code.syntax.number` #d4868b | `color.code.bg` #0c0909 | 7.16 | 4.5 | pass |
| function | — | text | `color.code.syntax.function` #ffa2a7 | `color.code.bg` #0c0909 | 10.37 | 4.5 | pass |
| type | — | text | `color.code.syntax.type` #b37175 | `color.code.bg` #0c0909 | 5.23 | 4.5 | pass |
| property, heading and invalid text | — | text | `color.code.syntax.property` #e53935 | `color.code.bg` #0c0909 | 4.69 | 4.5 | pass |
| tag | — | text | `color.code.syntax.tag` #f73f35 | `color.code.bg` #0c0909 | 5.40 | 4.5 | pass |
| attribute and escape | — | text | `color.code.syntax.attribute` #d4868b | `color.code.bg` #0c0909 | 7.16 | 4.5 | pass |
| deprecated text | — | text | `color.code.syntax.deprecated` #ad7175 | `color.code.bg` #0c0909 | 5.10 | 4.5 | pass |
| muted string text inside the selection | selected | text | `color.code.syntax.string` #bd787d | `color.code.selection-bg` #420f0c | 4.71 | 4.5 | pass |
| fold marker text | — | text | `color.text.muted` #bd787d | `color.code.bg` #0c0909 | 5.81 | 4.5 | pass |
| indent guide (decorative) | — | ui | `color.code.indent-guide` #531310 | `color.code.bg` #0c0909 | 1.39 | 1 | pass |
| rendered whitespace (decorative) | — | ui | `color.code.whitespace` #7d1310 | `color.code.bg` #0c0909 | 1.86 | 1 | pass |
| gutter rule (decorative) | — | ui | `color.code.gutter-rule` #2b0e0d | `color.code.bg` #0c0909 | 1.11 | 1 | pass |
| combobox default text | default | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| combobox default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| combobox hover text | hover | text | `color.text.link-hover` #f4eeee | `color.interaction.hover.bg-strong` #630f0d | 11.41 | 4.5 | pass |
| combobox focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| combobox focus-visible border | focus-visible | ui | `color.border.active` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| combobox focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| combobox open text | open | text | `color.text.default` #e99499 | `color.surface.raised` #160b0b | 8.43 | 4.5 | pass |
| combobox open border | open | ui | `color.border.overlay` #e53935 | `color.surface.raised` #160b0b | 4.57 | 3 | pass |
| combobox selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| combobox selected outline | selected | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| combobox invalid text | invalid | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| combobox invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| combobox invalid+focus-visible text | invalid+focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| combobox invalid+focus-visible border | invalid+focus-visible | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| combobox invalid+focus-visible outline | invalid+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.input` #000000 | 10.98 | 3 | pass |
| combobox no-results text | no-results | text | `color.text.muted` #bd787d | `color.surface.raised` #160b0b | 5.66 | 4.5 | pass |
| combobox no-results border | no-results | ui | `color.border.overlay` #e53935 | `color.surface.raised` #160b0b | 4.57 | 3 | pass |
| group heading on the listbox | — | text | `color.text.subtle` #ad7175 | `color.surface.raised` #160b0b | 4.96 | 4.5 | pass |
| validation message on the canvas | — | text | `color.status.danger.text` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| help text on the canvas | — | text | `color.text.muted` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| group separator (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.raised` #160b0b | 1.08 | 1 | pass |
| command-palette default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| command-palette default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| compact-dashboard default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| compact-dashboard default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| data-table default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| data-table hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| data-table focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| data-table focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| data-table selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| data-table selected+focus-visible text | selected+focus-visible | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| data-table selected+focus-visible outline | selected+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| data-table sorted text | sorted | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| data-table mixed text | mixed | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| data-table empty text | empty | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| data-table loading text | loading | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| header text | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| checkbox boundary | — | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| checked fill against the row (the glyph and the boundary carry the state) | mixed | ui | `color.action.primary.bg` #7d1310 | `color.surface.default` #100c0c | 1.83 | 1 | pass |
| header rule (decorative) | — | ui | `color.border.strong` #9e231f | `color.surface.default` #100c0c | 2.51 | 1 | pass |
| row divider (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.default` #100c0c | 1.08 | 1 | pass |
| resize handle at rest (decorative; keyboard resizing is a header action) | — | ui | `color.border.default` #531310 | `color.surface.default` #100c0c | 1.36 | 1 | pass |
| date-picker default text | default | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| date-picker default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| date-picker hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| date-picker hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| date-picker focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| date-picker focus-visible border | focus-visible | ui | `color.border.active` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| date-picker focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| date-picker invalid text | invalid | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| date-picker invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| date-picker invalid+focus-visible text | invalid+focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| date-picker invalid+focus-visible border | invalid+focus-visible | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| date-picker invalid+focus-visible outline | invalid+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.input` #000000 | 10.98 | 3 | pass |
| date-picker read-only text | read-only | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| validation message on the canvas | — | text | `color.status.danger.text` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| help text and the range separator on the canvas | — | text | `color.text.muted` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| read-only bottom edge (decorative; the field has no box) | read-only | ui | `color.border.divider` #2b0e0d | `color.surface.canvas` #000000 | 1.17 | 1 | pass |
| calendar text | — | text | `color.text.default` #e99499 | `color.surface.raised` #160b0b | 8.43 | 4.5 | pass |
| selected date | — | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| description-list default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| description-list default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| diagnostics default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| diagnostics default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| diagnostics hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| diagnostics focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| diagnostics focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| diagnostics selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| diagnostics selected+focus-visible text | selected+focus-visible | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| diagnostics selected+focus-visible outline | selected+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| diagnostics error text | error | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| diagnostics empty text | empty | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| code text | — | text | `color.text.default` #e99499 | `color.code.bg` #0c0909 | 8.65 | 4.5 | pass |
| code text on the error line | — | text | `color.text.default` #e99499 | `color.diagnostic.error.bg` #2b0e0d | 7.82 | 4.5 | pass |
| error glyph on the error line | — | text | `color.diagnostic.error.text` #f73f35 | `color.diagnostic.error.bg` #2b0e0d | 4.88 | 4.5 | pass |
| error underline | — | ui | `color.diagnostic.error.underline` #e53935 | `color.code.bg` #0c0909 | 4.69 | 3 | pass |
| error underline on the error line | — | ui | `color.diagnostic.error.underline` #e53935 | `color.diagnostic.error.bg` #2b0e0d | 4.24 | 3 | pass |
| warning underline inside the selected range | selected | ui | `color.diagnostic.warning.underline` #c9973f | `color.code.selection-bg` #420f0c | 6.12 | 3 | pass |
| warning underline | — | ui | `color.diagnostic.warning.underline` #c9973f | `color.code.bg` #0c0909 | 7.54 | 3 | pass |
| info underline | — | ui | `color.diagnostic.info.underline` #7e9ebb | `color.code.bg` #0c0909 | 7.08 | 3 | pass |
| hint underline | — | ui | `color.diagnostic.hint.underline` #ad7175 | `color.code.bg` #0c0909 | 5.10 | 3 | pass |
| unused text | — | text | `color.diagnostic.unused.text` #bd787d | `color.code.bg` #0c0909 | 5.81 | 4.5 | pass |
| deprecated text | — | text | `color.code.syntax.deprecated` #ad7175 | `color.code.bg` #0c0909 | 5.10 | 4.5 | pass |
| error stripe mark | — | ui | `color.diagnostic.error.stripe` #e53935 | `color.code.bg` #0c0909 | 4.69 | 3 | pass |
| warning stripe mark | — | ui | `color.diagnostic.warning.stripe` #c9973f | `color.code.bg` #0c0909 | 7.54 | 3 | pass |
| info stripe mark | — | ui | `color.diagnostic.info.text` #7e9ebb | `color.code.bg` #0c0909 | 7.08 | 3 | pass |
| error glyph and count in the panel | — | text | `color.diagnostic.error.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| warning glyph and count in the panel | — | text | `color.diagnostic.warning.text` #c9973f | `color.surface.default` #100c0c | 7.39 | 4.5 | pass |
| info glyph and count in the panel | — | text | `color.diagnostic.info.text` #7e9ebb | `color.surface.default` #100c0c | 6.94 | 4.5 | pass |
| hint glyph in the panel | — | text | `color.text.subtle` #ad7175 | `color.surface.default` #100c0c | 5.00 | 4.5 | pass |
| location and rule code | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| row text on hover | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| error glyph on hover | hover | text | `color.diagnostic.error.text` #f73f35 | `color.interaction.hover.bg` #1c0a09 | 5.21 | 4.5 | pass |
| the ✓ of the empty message | empty | text | `color.status.success.text` #86a46f | `color.surface.default` #100c0c | 6.99 | 4.5 | pass |
| dialog default text | default | text | `color.text.default` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| dialog default border | default | ui | `color.border.overlay` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| dialog open text | open | text | `color.text.default` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| dialog open border | open | ui | `color.border.overlay` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| dialog focus-trapped text | focus-trapped | text | `color.text.default` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| dialog focus-trapped border | focus-trapped | ui | `color.border.overlay` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| dialog focus-trapped outline | focus-trapped | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.overlay` #241010 | 9.49 | 3 | pass |
| dialog hover text | hover | text | `color.action.tertiary.text` #e99499 | `color.action.tertiary.hover-bg` #1c0a09 | 8.35 | 4.5 | pass |
| dialog focus-visible text | focus-visible | text | `color.action.tertiary.text` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| dialog focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| dialog reduced-motion text | reduced-motion | text | `color.text.default` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| dialog reduced-motion border | reduced-motion | ui | `color.border.overlay` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| title on the overlay surface | — | text | `color.text.bright` #ffa2a7 | `color.surface.overlay` #241010 | 9.49 | 4.5 | pass |
| note on the overlay surface | — | text | `color.text.muted` #bd787d | `color.surface.overlay` #241010 | 5.31 | 4.5 | pass |
| secondary button text on the overlay surface | — | text | `color.action.secondary.text` #ffa2a7 | `color.surface.overlay` #241010 | 9.49 | 4.5 | pass |
| secondary button boundary on the overlay surface | — | ui | `color.action.secondary.border` #a3676b | `color.surface.overlay` #241010 | 4.07 | 3 | pass |
| primary button text | — | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| destructive confirm text on its fill | — | text | `color.action.destructive.filled-text` #f9faf9 | `color.action.destructive.filled-bg` #dc282e | 4.58 | 4.5 | pass |
| destructive fill against the overlay surface | — | ui | `color.action.destructive.filled-bg` #dc282e | `color.surface.overlay` #241010 | 3.79 | 3 | pass |
| ring on the primary fill | focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.action.primary.bg` #7d1310 | 5.57 | 3 | pass |
| ring on the destructive fill | focus-visible | ui | `color.action.destructive.filled-text` #f9faf9 | `color.action.destructive.filled-bg` #dc282e | 4.58 | 3 | pass |
| form field text | — | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| form field boundary on the overlay surface | — | ui | `color.border.control` #a3676b | `color.surface.overlay` #241010 | 4.07 | 3 | pass |
| diff-view default text | default | text | `color.text.default` #e99499 | `color.code.bg` #0c0909 | 8.65 | 4.5 | pass |
| diff-view default border | default | ui | `color.border.control` #a3676b | `color.code.bg` #0c0909 | 4.45 | 3 | pass |
| diff-view hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| diff-view selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| diff-view focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.code.bg` #0c0909 | 8.65 | 4.5 | pass |
| diff-view focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.code.bg` #0c0909 | 4.69 | 3 | pass |
| diff-view expanded text | expanded | text | `color.text.link` #f73f35 | `color.diff.header-bg` #241010 | 4.94 | 4.5 | pass |
| diff-view collapsed text | collapsed | text | `color.text.link` #f73f35 | `color.diff.header-bg` #241010 | 4.94 | 4.5 | pass |
| text on an added row | — | text | `color.text.default` #e99499 | `color.diff.added.bg` #0f1a0e | 7.80 | 4.5 | pass |
| text on a removed row | — | text | `color.text.default` #e99499 | `color.diff.removed.bg` #2b0e0d | 7.82 | 4.5 | pass |
| text on a modified row | — | text | `color.text.default` #e99499 | `color.diff.modified.bg` #1f1a0c | 7.56 | 4.5 | pass |
| hunk context on the header | — | text | `color.text.default` #e99499 | `color.diff.header-bg` #241010 | 7.92 | 4.5 | pass |
| hunk range on the header | — | text | `color.text.muted` #bd787d | `color.diff.header-bg` #241010 | 5.31 | 4.5 | pass |
| line numbers on a context row | — | text | `color.text.muted` #bd787d | `color.code.bg` #0c0909 | 5.81 | 4.5 | pass |
| line numbers on an added row | — | text | `color.text.muted` #bd787d | `color.diff.added.bg` #0f1a0e | 5.23 | 4.5 | pass |
| line numbers on a removed row | — | text | `color.text.muted` #bd787d | `color.diff.removed.bg` #2b0e0d | 5.25 | 4.5 | pass |
| line numbers on a modified row | — | text | `color.text.muted` #bd787d | `color.diff.modified.bg` #1f1a0c | 5.07 | 4.5 | pass |
| the + marker | — | text | `color.diff.added.gutter` #86a46f | `color.diff.added.bg` #0f1a0e | 6.43 | 4.5 | pass |
| the − marker (bold, 4.24:1; glyph plus fill) | — | ui | `color.diff.removed.gutter` #e53935 | `color.diff.removed.bg` #2b0e0d | 4.24 | 3 | pass |
| the ~ marker | — | text | `color.diff.modified.gutter` #c9973f | `color.diff.modified.bg` #1f1a0c | 6.59 | 4.5 | pass |
| word-level added underline | — | ui | `color.diff.added.emphasis` #86a46f | `color.diff.added.bg` #0f1a0e | 6.43 | 3 | pass |
| word-level removed underline and strike | — | ui | `color.diff.removed.emphasis` #e53935 | `color.diff.removed.bg` #2b0e0d | 4.24 | 3 | pass |
| conflict double border | — | ui | `color.diff.conflict-border` #f73f35 | `color.code.bg` #0c0909 | 5.40 | 3 | pass |
| conflict marker lines | — | text | `color.text.bright` #ffa2a7 | `color.diff.header-bg` #241010 | 9.49 | 4.5 | pass |
| ring on an added row | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.diff.added.bg` #0f1a0e | 4.23 | 3 | pass |
| ring on a removed row | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.diff.removed.bg` #2b0e0d | 4.24 | 3 | pass |
| ring on a modified row | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.diff.modified.bg` #1f1a0c | 4.10 | 3 | pass |
| ring on the selected row | focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| fold button text | — | text | `color.text.link` #f73f35 | `color.diff.header-bg` #241010 | 4.94 | 4.5 | pass |
| disclosure default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| disclosure default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| drawer default text | default | text | `color.text.default` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| drawer default border | default | ui | `color.border.overlay` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| drawer open text | open | text | `color.text.default` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| drawer open border | open | ui | `color.border.overlay` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| drawer focus-trapped text | focus-trapped | text | `color.text.default` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| drawer focus-trapped border | focus-trapped | ui | `color.border.overlay` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| drawer focus-trapped outline | focus-trapped | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.overlay` #241010 | 9.49 | 3 | pass |
| drawer reduced-motion text | reduced-motion | text | `color.text.default` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| drawer reduced-motion border | reduced-motion | ui | `color.border.overlay` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| title on the overlay surface | — | text | `color.text.bright` #ffa2a7 | `color.surface.overlay` #241010 | 9.49 | 4.5 | pass |
| note on the overlay surface | — | text | `color.text.muted` #bd787d | `color.surface.overlay` #241010 | 5.31 | 4.5 | pass |
| close button on the overlay surface | — | text | `color.action.tertiary.text` #e99499 | `color.surface.overlay` #241010 | 7.92 | 4.5 | pass |
| ring on the overlay surface | — | ui | `color.interaction.focus.ring` #e53935 | `color.surface.overlay` #241010 | 4.30 | 3 | pass |
| hovered item | — | text | `color.text.link-hover` #f4eeee | `color.interaction.hover.bg-strong` #630f0d | 11.41 | 4.5 | pass |
| row dividers (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.overlay` #241010 | 1.01 | 1 | pass |
| editor-search default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| editor-search default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| empty-state default text | default | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| heading on the panel surface | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| action text on the panel surface | — | text | `color.action.secondary.text` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| action boundary on the panel surface | — | ui | `color.action.secondary.border` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| glyph (decorative) | — | ui | `color.icon.decorative` #a3676b | `color.surface.default` #100c0c | 4.36 | 1 | pass |
| container edge (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.canvas` #000000 | 1.17 | 1 | pass |
| error-state default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| error-state default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| field default text | default | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| field required text | required | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| field invalid text | invalid | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| help text on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| help text on the canvas | — | text | `color.text.muted` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| disabled label (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| disabled control text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| fieldset default text | default | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| group border (decorative; the legend and spacing carry the grouping) | — | ui | `color.border.divider` #2b0e0d | `color.surface.default` #100c0c | 1.08 | 1 | pass |
| field labels inside the group | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| help text inside the group | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| disabled legend and labels (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| disabled field text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled field border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| file-browser default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| file-browser default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| file-input default text | default | text | `color.action.secondary.text` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| file-input default border | default | ui | `color.action.secondary.border` #a3676b | `color.surface.canvas` #000000 | 4.71 | 3 | pass |
| file-input hover text | hover | text | `color.action.secondary.text` #ffa2a7 | `color.action.secondary.hover-bg` #630f0d | 6.84 | 4.5 | pass |
| file-input focus-visible text | focus-visible | text | `color.action.secondary.text` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| file-input focus-visible border | focus-visible | ui | `color.action.secondary.border` #a3676b | `color.surface.canvas` #000000 | 4.71 | 3 | pass |
| file-input focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| file-input drop-target text | drop-target | text | `color.text.default` #e99499 | `color.interaction.marquee` #110202 | 8.84 | 4.5 | pass |
| file-input drop-target border | drop-target | ui | `color.interaction.drop-target` #e53935 | `color.interaction.marquee` #110202 | 4.80 | 3 | pass |
| file-input invalid text | invalid | text | `color.action.secondary.text` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| file-input invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| hovered button boundary against the canvas outside it | hover | ui | `color.action.secondary.border` #a3676b | `color.surface.canvas` #000000 | 4.71 | 3 | pass |
| drop-zone dashed border at rest | — | ui | `color.interaction.drop-target` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| status, hint and help text on the canvas | — | text | `color.text.muted` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| file sizes on the canvas | — | text | `color.text.subtle` #ad7175 | `color.surface.canvas` #000000 | 5.40 | 4.5 | pass |
| per-file error and validation message on the canvas | — | text | `color.status.danger.text` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| disabled button text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| progress stripes (decorative pattern) | loading | ui | `color.action.primary.bg` #7d1310 | `color.interaction.pressed.bg` #420f0c | 1.51 | 1 | pass |
| filterable-table default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| filterable-table hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| filterable-table focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| filterable-table focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| filterable-table selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| filterable-table no-results text | no-results | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| toolbar controls on the chrome surface | — | text | `color.text.default` #e99499 | `color.surface.chrome` #090707 | 8.77 | 4.5 | pass |
| search box and filter button boundaries on the chrome surface | — | ui | `color.border.control` #a3676b | `color.surface.chrome` #090707 | 4.51 | 3 | pass |
| column headers, empty-state heading and current page | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| count, chip remove glyph and empty-state text | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Tested badge | — | text | `color.status.success.on-fill` #0c0909 | `color.status.success.fill` #86a46f | 7.13 | 4.5 | pass |
| Demonstrated badge | — | text | `color.status.info.on-fill` #0c0909 | `color.status.info.fill` #7e9ebb | 7.08 | 4.5 | pass |
| New button and checked boxes | — | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| ring on a selected row | selected | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| chip and checkbox boundaries | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| disabled Prev link (exempt; house floor 3:1) | — | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| header rule (decorative) | — | ui | `color.border.strong` #9e231f | `color.surface.default` #100c0c | 2.51 | 1 | pass |
| panel edge and toolbar separator (decorative) | — | ui | `color.border.default` #531310 | `color.surface.default` #100c0c | 1.36 | 1 | pass |
| row, toolbar and footer rules (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.default` #100c0c | 1.08 | 1 | pass |
| form-builder default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| form-builder default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Editor text | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Definition status | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| i3-window-frame default text | default | text | `color.text.muted` #bd787d | `color.surface.chrome` #090707 | 5.88 | 4.5 | pass |
| i3-window-frame focus-visible text | focus-visible | text | `color.text.bright` #ffa2a7 | `color.surface.chrome-alt` #1c0a09 | 10.01 | 4.5 | pass |
| i3-window-frame focus-visible outline | focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.chrome-alt` #1c0a09 | 10.01 | 3 | pass |
| i3-window-frame selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| i3-window-frame container-inactive text | container-inactive | text | `color.text.muted` #bd787d | `color.surface.chrome` #090707 | 5.88 | 4.5 | pass |
| i3-window-frame error text | error | text | `color.status.danger.on-fill` #f9faf9 | `color.status.danger.fill` #dc282e | 4.58 | 4.5 | pass |
| workspace names and status text on the bar | — | text | `color.text.default` #e99499 | `color.surface.chrome` #090707 | 8.77 | 4.5 | pass |
| clock on the bar | — | text | `color.text.bright` #ffa2a7 | `color.surface.chrome` #090707 | 10.50 | 4.5 | pass |
| focused title | — | text | `color.text.bright` #ffa2a7 | `color.surface.chrome-alt` #1c0a09 | 10.01 | 4.5 | pass |
| focused window frame on the desktop | — | ui | `color.border.active` #e53935 | `color.surface.desktop` #000000 | 4.97 | 3 | pass |
| floating window frame on the desktop | — | ui | `color.border.overlay` #e53935 | `color.surface.desktop` #000000 | 4.97 | 3 | pass |
| container ring on the window surface | focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 3 | pass |
| ring on a workspace or tab | — | ui | `color.interaction.focus.ring` #e53935 | `color.surface.chrome` #090707 | 4.75 | 3 | pass |
| visible-tab indicator on the title row | — | ui | `color.border.selected-indicator` #e53935 | `color.surface.chrome` #090707 | 4.75 | 3 | pass |
| urgent fill against the bar | error | ui | `color.status.danger.fill` #dc282e | `color.surface.chrome` #090707 | 4.20 | 3 | pass |
| visible-workspace fill against the bar | — | ui | `color.interaction.selection.bg` #531310 | `color.surface.chrome` #090707 | 1.41 | 1 | pass |
| inactive tab indicator | container-inactive | ui | `color.border.selected-indicator-inactive` #9e231f | `color.surface.chrome` #090707 | 2.60 | 1 | pass |
| unfocused window frames (decorative) | — | ui | `color.border.default` #531310 | `color.surface.desktop` #000000 | 1.47 | 1 | pass |
| status block separators (decorative) | — | ui | `color.text.muted` #bd787d | `color.surface.chrome` #090707 | 5.88 | 1 | pass |
| status glyphs (decorative) | — | ui | `color.icon.decorative` #a3676b | `color.surface.chrome` #090707 | 4.51 | 1 | pass |
| icon-button default text | default | text | `color.action.tertiary.text` #e99499 | `color.action.secondary.bg` #000000 | 9.16 | 4.5 | pass |
| icon-button hover text | hover | text | `color.action.tertiary.text` #e99499 | `color.action.tertiary.hover-bg` #1c0a09 | 8.35 | 4.5 | pass |
| icon-button focus-visible text | focus-visible | text | `color.action.tertiary.text` #e99499 | `color.action.secondary.bg` #000000 | 9.16 | 4.5 | pass |
| icon-button focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.action.secondary.bg` #000000 | 4.97 | 3 | pass |
| icon-button active text | active | text | `color.action.tertiary.text` #e99499 | `color.interaction.pressed.bg` #420f0c | 7.02 | 4.5 | pass |
| icon-button active border | active | ui | `color.border.active` #e53935 | `color.interaction.pressed.bg` #420f0c | 3.81 | 3 | pass |
| icon-button toggled text | toggled | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| icon-button toggled+focus-visible text | toggled+focus-visible | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| icon-button toggled+focus-visible outline | toggled+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| toggled border against the panel | toggled | ui | `color.border.selected-indicator` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| toggled fill against the panel (decorative) | toggled | ui | `color.interaction.selection.bg` #531310 | `color.surface.default` #100c0c | 1.36 | 3 | waived: aria-pressed, the filled icon form and the 1px selected-indicator border carry the state; the fill is not the boundary |
| disabled icon (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| kbd default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| kbd default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| link default text | default | text | `color.text.link` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| link hover text | hover | text | `color.text.link-hover` #f4eeee | `color.interaction.hover.bg-strong` #630f0d | 11.41 | 4.5 | pass |
| link focus-visible text | focus-visible | text | `color.text.link` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| link focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| link visited text | visited | text | `color.text.link` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| link current text | current | text | `color.text.bright` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| link current border | current | ui | `color.border.selected-indicator` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| underline on the canvas | — | ui | `color.text.link-underline` #dc282e | `color.surface.canvas` #000000 | 4.39 | 3 | pass |
| underline on the panel | — | ui | `color.text.link-underline` #dc282e | `color.surface.default` #100c0c | 4.06 | 3 | pass |
| link text on the panel | — | text | `color.text.link` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| link text on raised surfaces | — | text | `color.text.link` #f73f35 | `color.surface.raised` #160b0b | 5.26 | 4.5 | pass |
| ring on the hover fill | hover | ui | `color.interaction.focus.ring` #e53935 | `color.interaction.hover.bg-strong` #630f0d | 3.10 | 3 | pass |
| list default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| list default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| list hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| list focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| list focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| list selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| list selected+focus-visible text | selected+focus-visible | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| list selected+focus-visible outline | selected+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| list selected+container-inactive text | selected+container-inactive | text | `color.interaction.selection.inactive-text` #e99499 | `color.interaction.selection.inactive-bg` #420f0c | 7.02 | 4.5 | pass |
| metadata column on the list surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| metadata column on the hover fill | hover | text | `color.text.muted` #bd787d | `color.interaction.hover.bg` #1c0a09 | 5.60 | 4.5 | pass |
| disabled option text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| row divider (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.default` #100c0c | 1.08 | 1 | pass |
| loading-indicator default text | default | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| loading-indicator reduced-motion text | reduced-motion | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| glyph on the canvas | — | text | `color.text.muted` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| block label on the panel surface | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| block glyph on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| block edge (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.canvas` #000000 | 1.17 | 1 | pass |
| menu default text | default | text | `color.text.default` #e99499 | `color.surface.raised` #160b0b | 8.43 | 4.5 | pass |
| menu default border | default | ui | `color.border.overlay` #e53935 | `color.surface.raised` #160b0b | 4.57 | 3 | pass |
| menu hover text | hover | text | `color.text.link-hover` #f4eeee | `color.interaction.hover.bg-strong` #630f0d | 11.41 | 4.5 | pass |
| menu focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| menu focus-visible border | focus-visible | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| menu focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| menu open text | open | text | `color.text.default` #e99499 | `color.interaction.pressed.bg` #420f0c | 7.02 | 4.5 | pass |
| menu open border | open | ui | `color.border.active` #e53935 | `color.interaction.pressed.bg` #420f0c | 3.81 | 3 | pass |
| menu closed text | closed | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| menu closed border | closed | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| menu checked text | checked | text | `color.text.bright` #ffa2a7 | `color.surface.raised` #160b0b | 10.10 | 4.5 | pass |
| menu selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| menu selected outline | selected | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| shortcut hint on the raised surface | — | text | `color.text.muted` #bd787d | `color.surface.raised` #160b0b | 5.66 | 4.5 | pass |
| disabled item text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.raised` #160b0b | 3.24 | 3 | pass |
| item separator (decorative; role separator carries the grouping) | — | ui | `color.border.divider` #2b0e0d | `color.surface.raised` #160b0b | 1.08 | 1 | pass |
| submenu chevron (decorative; aria-haspopup carries the meaning) | — | ui | `color.icon.decorative` #a3676b | `color.surface.raised` #160b0b | 4.33 | 1 | pass |
| multiselect default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| multiselect default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| number-field default text | default | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| number-field default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| number-field hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| number-field hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| number-field focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| number-field focus-visible border | focus-visible | ui | `color.border.active` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| number-field focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| number-field invalid text | invalid | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| number-field invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| number-field invalid+focus-visible text | invalid+focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| number-field invalid+focus-visible border | invalid+focus-visible | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| number-field invalid+focus-visible outline | invalid+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.input` #000000 | 10.98 | 3 | pass |
| number-field read-only text | read-only | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| unit affix on the input surface | — | text | `color.text.muted` #bd787d | `color.surface.input` #000000 | 6.15 | 4.5 | pass |
| stepper glyphs on the input surface | — | text | `color.action.tertiary.text` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| stepper glyphs on their hover fill | hover | text | `color.action.tertiary.text` #e99499 | `color.action.tertiary.hover-bg` #1c0a09 | 8.35 | 4.5 | pass |
| validation message on the panel surface | — | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| help text on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| affix and stepper dividers (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.input` #000000 | 1.17 | 1 | pass |
| read-only bottom edge (decorative; the field has no box) | read-only | ui | `color.border.divider` #2b0e0d | `color.surface.canvas` #000000 | 1.17 | 1 | pass |
| pagination default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| pagination hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| pagination focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| pagination focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| pagination current text | current | text | `color.text.on-selection` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| ring on the current page when focused | current | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| disabled previous/next (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| gap ellipsis on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| popover default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| popover default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| progress default text | default | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| progress default border | default | ui | `color.border.control` #a3676b | `color.surface.canvas` #000000 | 4.71 | 3 | pass |
| progress error text | error | text | `color.status.danger.text` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| progress error border | error | ui | `color.status.danger.border` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| label on the canvas | — | text | `color.text.bright` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| detail line on the canvas | — | text | `color.text.muted` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| value fill against the track | — | ui | `color.action.primary.bg` #7d1310 | `color.interaction.pressed.bg` #420f0c | 1.51 | 3 | waived: the fill measures 1.51:1 against the track; the value is carried by the visible percentage text and the native value, and the track boundary (border.control, 4.45:1) marks the full extent |
| stripes (decorative pattern) | busy | ui | `color.action.primary.bg` #7d1310 | `color.interaction.pressed.bg` #420f0c | 1.51 | 1 | pass |
| error fill against the track | error | ui | `color.status.danger.fill` #dc282e | `color.interaction.pressed.bg` #420f0c | 3.36 | 3 | pass |
| radio-group default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| radio-group hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| radio-group focus-visible border | focus-visible | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| radio-group focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| radio-group checked text | checked | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| radio-group checked+focus-visible text | checked+focus-visible | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| radio-group checked+focus-visible outline | checked+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.action.primary.bg` #7d1310 | 5.57 | 3 | pass |
| radio-group invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| radio-group required border | required | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| option text on the panel surface | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| legend on the panel surface | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| checked radio edge against the panel (the border stays border.control) | checked | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| inner square on the hovered checked fill | hover | ui | `color.action.primary.text` #f4eeee | `color.action.primary.hover-bg` #911410 | 7.92 | 3 | pass |
| validation message on the panel surface | — | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| disabled option text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| disabled inner square (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| range default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| range default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| repeater default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| repeater default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| search-field default text | default | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| search-field default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| search-field hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| search-field hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| search-field focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| search-field focus-visible border | focus-visible | ui | `color.border.active` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| search-field focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| search-field placeholder-shown text | placeholder-shown | text | `color.text.placeholder` #a3676b | `color.surface.input` #000000 | 4.71 | 4.5 | pass |
| search-field placeholder-shown border | placeholder-shown | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| search-field loading text | loading | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| search-field loading border | loading | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| search-field no-results text | no-results | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| search-field no-results border | no-results | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| magnifier on the input surface | — | ui | `color.icon.default` #e99499 | `color.surface.input` #000000 | 9.16 | 3 | pass |
| loading glyph and kbd hint on the input surface | — | text | `color.text.muted` #bd787d | `color.surface.input` #000000 | 6.15 | 4.5 | pass |
| clear glyph on the input surface | — | text | `color.action.tertiary.text` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| clear glyph on its hover fill | hover | text | `color.action.tertiary.text` #e99499 | `color.action.tertiary.hover-bg` #1c0a09 | 8.35 | 4.5 | pass |
| help and no-results status on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| kbd hint edge (decorative) | — | ui | `color.border.default` #531310 | `color.surface.input` #000000 | 1.47 | 1 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| segmented-control default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| segmented-control default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| select default text | default | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| select default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| select hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| select hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| select focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| select focus-visible border | focus-visible | ui | `color.border.active` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| select focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| select required text | required | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| select required border | required | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| select invalid text | invalid | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| select invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| select invalid+focus-visible text | invalid+focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| select invalid+focus-visible border | invalid+focus-visible | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| select invalid+focus-visible outline | invalid+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.input` #000000 | 10.98 | 3 | pass |
| chevron on the input surface | — | ui | `color.icon.default` #e99499 | `color.surface.input` #000000 | 9.16 | 3 | pass |
| option text in the themed list | — | text | `color.text.default` #e99499 | `color.surface.raised` #160b0b | 8.43 | 4.5 | pass |
| group label in the themed list | — | text | `color.text.muted` #bd787d | `color.surface.raised` #160b0b | 5.66 | 4.5 | pass |
| selected option | — | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| validation message on the panel surface | — | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| help text on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| settings-panel default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| settings-panel focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| settings-panel focus-visible border | focus-visible | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| settings-panel focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| settings-panel invalid text | invalid | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| settings-panel invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| settings-panel busy text | busy | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| title, legend and the current section on the panel surface | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| lead and help text on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| validation message on the panel surface | invalid | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| current-section indicator bar | — | ui | `color.border.selected-indicator` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| control boundaries on the panel surface | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Reset button boundary | — | ui | `color.action.secondary.border` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| panel edge (decorative) | — | ui | `color.border.default` #531310 | `color.surface.default` #100c0c | 1.36 | 1 | pass |
| sidebar, group and footer rules (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.default` #100c0c | 1.08 | 1 | pass |
| sidebar-nav default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| sidebar-nav hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| sidebar-nav focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| sidebar-nav focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| sidebar-nav current text | current | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| sidebar-nav current border | current | ui | `color.border.selected-indicator` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| sidebar-nav selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| sidebar-nav selected+container-inactive text | selected+container-inactive | text | `color.interaction.selection.inactive-text` #e99499 | `color.interaction.selection.inactive-bg` #420f0c | 7.02 | 4.5 | pass |
| sidebar-nav expanded text | expanded | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| sidebar-nav collapsed text | collapsed | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| ring on a selected item when focused | selected | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| group chevron (decorative; aria-expanded carries the state) | — | ui | `color.icon.decorative` #a3676b | `color.surface.default` #100c0c | 4.36 | 1 | pass |
| rail edge (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.default` #100c0c | 1.08 | 1 | pass |
| skeleton default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| skeleton default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| skip-link default text | default | text | `color.text.bright` #ffa2a7 | `color.surface.raised` #160b0b | 10.10 | 4.5 | pass |
| skip-link default border | default | ui | `color.border.overlay` #e53935 | `color.surface.raised` #160b0b | 4.57 | 3 | pass |
| skip-link focus-visible text | focus-visible | text | `color.text.bright` #ffa2a7 | `color.surface.raised` #160b0b | 10.10 | 4.5 | pass |
| skip-link focus-visible border | focus-visible | ui | `color.border.overlay` #e53935 | `color.surface.raised` #160b0b | 4.57 | 3 | pass |
| skip-link focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.raised` #160b0b | 4.57 | 3 | pass |
| ring on the raised surface | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.raised` #160b0b | 4.57 | 3 | pass |
| switch default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| switch hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| switch focus-visible border | focus-visible | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| switch focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| switch checked text | checked | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| switch checked+focus-visible text | checked+focus-visible | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| switch checked+focus-visible outline | checked+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.action.primary.bg` #7d1310 | 5.57 | 3 | pass |
| thumb on the off track | — | ui | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 3 | pass |
| thumb on the hovered off track | hover | ui | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 3 | pass |
| thumb on the hovered on track | hover | ui | `color.action.primary.text` #f4eeee | `color.action.primary.hover-bg` #911410 | 7.92 | 3 | pass |
| on track edge against the panel (the border stays border.control) | checked | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| visible name on the panel surface | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Off / On word on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| disabled thumb (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled name (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| table default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| table hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| table selected text | selected | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| table selected+focus-visible text | selected+focus-visible | text | `color.interaction.selection.text` #f4eeee | `color.interaction.selection.bg` #531310 | 12.47 | 4.5 | pass |
| table selected+focus-visible outline | selected+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.interaction.selection.bg` #531310 | 7.48 | 3 | pass |
| table selected+container-inactive text | selected+container-inactive | text | `color.interaction.selection.inactive-text` #e99499 | `color.interaction.selection.inactive-bg` #420f0c | 7.02 | 4.5 | pass |
| table sorted text | sorted | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| table empty text | empty | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| table loading text | loading | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| header text | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| sticky header text on the raised surface | — | text | `color.text.bright` #ffa2a7 | `color.surface.raised` #160b0b | 10.10 | 4.5 | pass |
| caption | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| ring on a sort button | — | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| header rule (decorative; thead carries the structure) | — | ui | `color.border.strong` #9e231f | `color.surface.default` #100c0c | 2.51 | 1 | pass |
| row divider (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.default` #100c0c | 1.08 | 1 | pass |
| tabs default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| tabs hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| tabs focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| tabs focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| tabs selected text | selected | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| tabs selected border | selected | ui | `color.border.selected-indicator` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| tabs selected+focus-visible text | selected+focus-visible | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| tabs selected+focus-visible border | selected+focus-visible | ui | `color.border.selected-indicator` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| tabs selected+focus-visible outline | selected+focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.default` #100c0c | 4.60 | 3 | pass |
| tabs selected+container-inactive text | selected+container-inactive | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| inactive indicator (decorative; the selected tab keeps aria-selected and bright text) | selected+container-inactive | ui | `color.border.selected-indicator-inactive` #9e231f | `color.surface.default` #100c0c | 2.51 | 1 | pass |
| disabled tab text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.default` #100c0c | 3.26 | 3 | pass |
| tablist bottom rule (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.default` #100c0c | 1.08 | 1 | pass |
| terminal default text | default | text | `color.terminal.fg` #e99499 | `color.terminal.bg` #0c0909 | 8.65 | 4.5 | pass |
| terminal default border | default | ui | `color.border.control` #a3676b | `color.terminal.bg` #0c0909 | 4.45 | 3 | pass |
| terminal focus-visible text | focus-visible | text | `color.terminal.fg` #e99499 | `color.terminal.bg` #0c0909 | 8.65 | 4.5 | pass |
| terminal focus-visible outline | focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.terminal.bg` #0c0909 | 10.37 | 3 | pass |
| terminal selected text | selected | text | `color.terminal.selection-text` #f4eeee | `color.terminal.selection-bg` #911410 | 7.92 | 4.5 | pass |
| terminal busy text | busy | text | `color.terminal.bg` #0c0909 | `color.terminal.cursor` #e99499 | 8.65 | 4.5 | pass |
| terminal current text | current | text | `color.terminal.fg` #e99499 | `color.code.current-line` #1c0a09 | 8.35 | 4.5 | pass |
| hollow cursor outline at rest | — | ui | `color.terminal.cursor` #e99499 | `color.terminal.bg` #0c0909 | 8.65 | 3 | pass |
| cursor on the cursor line | current | ui | `color.terminal.cursor` #e99499 | `color.code.current-line` #1c0a09 | 8.35 | 3 | pass |
| prompt segment text on slot 4 | — | text | `color.terminal.selection-text` #f4eeee | `color.terminal.ansi.4` #8c1212 | 8.28 | 4.5 | pass |
| branch segment text on slot 3 | — | text | `color.terminal.bg` #0c0909 | `color.terminal.ansi.3` #d4868b | 7.16 | 4.5 | pass |
| prompt arrow (the segment's own colour, decorative) | — | ui | `color.terminal.ansi.4` #8c1212 | `color.terminal.bg` #0c0909 | 2.09 | 1 | pass |
| dim text and grid labels | — | text | `color.text.muted` #bd787d | `color.terminal.bg` #0c0909 | 5.81 | 4.5 | pass |
| inverse text | — | text | `color.terminal.bg` #0c0909 | `color.terminal.fg` #e99499 | 8.65 | 4.5 | pass |
| slot 2 | — | text | `color.terminal.ansi.2` #bd787d | `color.terminal.bg` #0c0909 | 5.81 | 4.5 | pass |
| slot 3 | — | text | `color.terminal.ansi.3` #d4868b | `color.terminal.bg` #0c0909 | 7.16 | 4.5 | pass |
| slot 5 | — | text | `color.terminal.ansi.5` #f73f35 | `color.terminal.bg` #0c0909 | 5.40 | 4.5 | pass |
| slot 7 | — | text | `color.terminal.ansi.7` #ffa2a7 | `color.terminal.bg` #0c0909 | 10.37 | 4.5 | pass |
| slot 11 | — | text | `color.terminal.ansi.11` #b37175 | `color.terminal.bg` #0c0909 | 5.23 | 4.5 | pass |
| slot 1 (3.42:1) | — | text | `color.terminal.ansi.1` #c81a1a | `color.terminal.bg` #0c0909 | 3.42 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 4 (2.09:1) | — | text | `color.terminal.ansi.4` #8c1212 | `color.terminal.bg` #0c0909 | 2.09 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 6 (3.26:1) | — | text | `color.terminal.ansi.6` #9e474a | `color.terminal.bg` #0c0909 | 3.26 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 8 (1.86:1) | — | text | `color.terminal.ansi.8` #7d1310 | `color.terminal.bg` #0c0909 | 1.86 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 9 (2.70:1) | — | text | `color.terminal.ansi.9` #ab1612 | `color.terminal.bg` #0c0909 | 2.70 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 10 (2.92:1) | — | text | `color.terminal.ansi.10` #ad2721 | `color.terminal.bg` #0c0909 | 2.92 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 12 (2.12:1) | — | text | `color.terminal.ansi.12` #871f19 | `color.terminal.bg` #0c0909 | 2.12 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 13 (4.43:1) | — | text | `color.terminal.ansi.13` #e82132 | `color.terminal.bg` #0c0909 | 4.43 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 14 (4.28:1) | — | text | `color.terminal.ansi.14` #e0292f | `color.terminal.bg` #0c0909 | 4.28 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 15 (4.45:1; not in the foundations list) | — | text | `color.terminal.ansi.15` #a3676b | `color.terminal.bg` #0c0909 | 4.45 | 4.5 | waived: heritage slot; documented as failing, programs choose slot semantics |
| slot 0 (1.00:1; it is the background) | — | text | `color.terminal.ansi.0` #0c0909 | `color.terminal.bg` #0c0909 | 1.00 | 4.5 | waived: heritage slot; slot 0 is the terminal background and is never a foreground on it |
| text-field default text | default | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| text-field default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| text-field hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| text-field hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| text-field focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| text-field focus-visible border | focus-visible | ui | `color.border.active` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| text-field focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| text-field placeholder-shown text | placeholder-shown | text | `color.text.placeholder` #a3676b | `color.surface.input` #000000 | 4.71 | 4.5 | pass |
| text-field placeholder-shown border | placeholder-shown | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| text-field invalid text | invalid | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| text-field invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| text-field invalid+focus-visible text | invalid+focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| text-field invalid+focus-visible border | invalid+focus-visible | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| text-field invalid+focus-visible outline | invalid+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.input` #000000 | 10.98 | 3 | pass |
| text-field read-only text | read-only | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| validation message on the panel surface | — | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| help text on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| read-only bottom edge (decorative; the field has no box) | read-only | ui | `color.border.divider` #2b0e0d | `color.surface.canvas` #000000 | 1.17 | 1 | pass |
| textarea default text | default | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| textarea default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| textarea hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| textarea hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| textarea focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| textarea focus-visible border | focus-visible | ui | `color.border.active` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| textarea focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| textarea placeholder-shown text | placeholder-shown | text | `color.text.placeholder` #a3676b | `color.surface.input` #000000 | 4.71 | 4.5 | pass |
| textarea placeholder-shown border | placeholder-shown | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| textarea invalid text | invalid | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| textarea invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| textarea invalid+focus-visible text | invalid+focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| textarea invalid+focus-visible border | invalid+focus-visible | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| textarea invalid+focus-visible outline | invalid+focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.surface.input` #000000 | 10.98 | 3 | pass |
| textarea read-only text | read-only | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| validation message on the panel surface | — | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| help and count on the panel surface | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| read-only bottom edge (decorative; the field has no box) | read-only | ui | `color.border.divider` #2b0e0d | `color.surface.canvas` #000000 | 1.17 | 1 | pass |
| time-picker default text | default | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| time-picker default border | default | ui | `color.border.control` #a3676b | `color.surface.input` #000000 | 4.71 | 3 | pass |
| time-picker hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| time-picker hover border | hover | ui | `color.border.control` #a3676b | `color.interaction.hover.bg` #1c0a09 | 4.29 | 3 | pass |
| time-picker focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| time-picker focus-visible border | focus-visible | ui | `color.border.active` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| time-picker focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| time-picker invalid text | invalid | text | `color.text.default` #e99499 | `color.surface.input` #000000 | 9.16 | 4.5 | pass |
| time-picker invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.input` #000000 | 4.97 | 3 | pass |
| validation message on the canvas | — | text | `color.status.danger.text` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| help text on the canvas | — | text | `color.text.muted` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.interaction.disabled.bg` #160b0b | 3.24 | 3 | pass |
| disabled border (exempt) | disabled | ui | `color.border.disabled` #7d1310 | `color.interaction.disabled.bg` #160b0b | 1.82 | 1 | pass |
| timeline default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| timeline default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| toast default text | default | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| toast default border | default | ui | `color.border.overlay` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| toast hover text | hover | text | `color.text.link-hover` #f4eeee | `color.interaction.hover.bg-strong` #630f0d | 11.41 | 4.5 | pass |
| toast focus-visible text | focus-visible | text | `color.action.tertiary.text` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| toast focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| toast stacked text | stacked | text | `color.text.muted` #bd787d | `color.surface.canvas` #000000 | 6.15 | 4.5 | pass |
| toast stacked border | stacked | ui | `color.border.overlay` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| toast reduced-motion text | reduced-motion | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| toast reduced-motion border | reduced-motion | ui | `color.border.overlay` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| glyph on the plain toast | — | text | `color.status.info.text` #7e9ebb | `color.surface.canvas` #000000 | 7.50 | 4.5 | pass |
| action text on the plain toast | — | text | `color.text.link` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| warning glyph on its tint | — | text | `color.status.warning.text` #c9973f | `color.status.warning.tint` #1f1a0c | 6.59 | 4.5 | pass |
| warning border on its tint | — | ui | `color.status.warning.border` #c9973f | `color.status.warning.tint` #1f1a0c | 6.59 | 3 | pass |
| text on the warning tint | — | text | `color.text.default` #e99499 | `color.status.warning.tint` #1f1a0c | 7.56 | 4.5 | pass |
| success glyph on its tint | — | text | `color.status.success.text` #86a46f | `color.status.success.tint` #0f1a0e | 6.43 | 4.5 | pass |
| success border on its tint | — | ui | `color.status.success.border` #86a46f | `color.status.success.tint` #0f1a0e | 6.43 | 3 | pass |
| text on the success tint | — | text | `color.text.default` #e99499 | `color.status.success.tint` #0f1a0e | 7.80 | 4.5 | pass |
| info glyph on its tint | — | text | `color.status.info.text` #7e9ebb | `color.status.info.tint` #0f141c | 6.59 | 4.5 | pass |
| info border on its tint | — | ui | `color.status.info.border` #7e9ebb | `color.status.info.tint` #0f141c | 6.59 | 3 | pass |
| text on the info tint | — | text | `color.text.default` #e99499 | `color.status.info.tint` #0f141c | 8.06 | 4.5 | pass |
| neutral glyph on its tint | — | text | `color.status.neutral.text` #bd787d | `color.status.neutral.tint` #241010 | 5.31 | 4.5 | pass |
| neutral border on its tint | — | ui | `color.status.neutral.border` #a3676b | `color.status.neutral.tint` #241010 | 4.07 | 3 | pass |
| text on the neutral tint | — | text | `color.text.default` #e99499 | `color.status.neutral.tint` #241010 | 7.92 | 4.5 | pass |
| text, glyph and buttons on the danger fill | — | text | `color.status.danger.on-fill` #f9faf9 | `color.status.danger.fill` #dc282e | 4.58 | 4.5 | pass |
| the danger fill is its own boundary against the canvas | — | ui | `color.status.danger.fill` #dc282e | `color.surface.canvas` #000000 | 4.39 | 3 | pass |
| danger border on the danger fill (decorative) | — | ui | `color.status.danger.border` #e53935 | `color.status.danger.fill` #dc282e | 1.13 | 1 | pass |
| toolbar default text | default | text | `color.text.default` #e99499 | `color.surface.chrome` #090707 | 8.77 | 4.5 | pass |
| toolbar hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| toolbar focus-visible text | focus-visible | text | `color.text.default` #e99499 | `color.surface.chrome` #090707 | 8.77 | 4.5 | pass |
| toolbar focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.chrome` #090707 | 4.75 | 3 | pass |
| toolbar toggled text | toggled | text | `color.text.bright` #ffa2a7 | `color.interaction.pressed.bg` #420f0c | 8.41 | 4.5 | pass |
| toolbar toggled border | toggled | ui | `color.border.active` #e53935 | `color.interaction.pressed.bg` #420f0c | 3.81 | 3 | pass |
| disabled button text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.chrome` #090707 | 3.37 | 3 | pass |
| separator (decorative; role separator carries the grouping) | — | ui | `color.border.default` #531310 | `color.surface.chrome` #090707 | 1.41 | 1 | pass |
| toolbar bottom edge (decorative) | — | ui | `color.border.divider` #2b0e0d | `color.surface.chrome` #090707 | 1.12 | 1 | pass |
| tooltip default text | default | text | `color.text.default` #e99499 | `color.surface.raised` #160b0b | 8.43 | 4.5 | pass |
| tooltip default border | default | ui | `color.border.overlay` #e53935 | `color.surface.raised` #160b0b | 4.57 | 3 | pass |
| tooltip hover text | hover | text | `color.action.tertiary.text` #e99499 | `color.action.tertiary.hover-bg` #1c0a09 | 8.35 | 4.5 | pass |
| tooltip focus-visible text | focus-visible | text | `color.action.tertiary.text` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| tooltip focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| tooltip open text | open | text | `color.text.default` #e99499 | `color.surface.raised` #160b0b | 8.43 | 4.5 | pass |
| tooltip open border | open | ui | `color.border.overlay` #e53935 | `color.surface.raised` #160b0b | 4.57 | 3 | pass |
| shortcut on the tooltip | — | text | `color.text.bright` #ffa2a7 | `color.surface.raised` #160b0b | 10.10 | 4.5 | pass |
| shortcut key border on the tooltip | — | ui | `color.border.control` #a3676b | `color.surface.raised` #160b0b | 4.33 | 3 | pass |
| trigger text on the canvas | — | text | `color.action.tertiary.text` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| tree default text | default | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| tree default border | default | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| Primary content | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| Supporting content | — | text | `color.text.muted` #bd787d | `color.surface.default` #100c0c | 5.69 | 4.5 | pass |
| Control boundary | — | ui | `color.border.control` #a3676b | `color.surface.default` #100c0c | 4.36 | 3 | pass |
| wizard default text | default | text | `color.text.default` #e99499 | `color.surface.canvas` #000000 | 9.16 | 4.5 | pass |
| wizard hover text | hover | text | `color.text.default` #e99499 | `color.interaction.hover.bg` #1c0a09 | 8.35 | 4.5 | pass |
| wizard focus-visible text | focus-visible | text | `color.text.bright` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| wizard focus-visible outline | focus-visible | ui | `color.interaction.focus.ring` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| wizard current text | current | text | `color.text.bright` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| wizard current border | current | ui | `color.border.selected-indicator` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| wizard invalid text | invalid | text | `color.status.danger.text` #f73f35 | `color.surface.canvas` #000000 | 5.72 | 4.5 | pass |
| wizard invalid border | invalid | ui | `color.status.danger.border` #e53935 | `color.surface.canvas` #000000 | 4.97 | 3 | pass |
| wizard busy text | busy | text | `color.action.primary.text` #f4eeee | `color.action.primary.bg` #7d1310 | 9.28 | 4.5 | pass |
| complete marker on the canvas | — | text | `color.status.success.text` #86a46f | `color.surface.canvas` #000000 | 7.55 | 4.5 | pass |
| panel title on the panel surface | — | text | `color.text.bright` #ffa2a7 | `color.surface.default` #100c0c | 10.17 | 4.5 | pass |
| panel text on the panel surface | — | text | `color.text.default` #e99499 | `color.surface.default` #100c0c | 8.48 | 4.5 | pass |
| step message on the panel surface | — | text | `color.status.danger.text` #f73f35 | `color.surface.default` #100c0c | 5.29 | 4.5 | pass |
| panel edge (decorative) | — | ui | `color.border.default` #531310 | `color.surface.canvas` #000000 | 1.47 | 1 | pass |
| back button text | — | text | `color.action.secondary.text` #ffa2a7 | `color.surface.canvas` #000000 | 10.98 | 4.5 | pass |
| back button boundary | — | ui | `color.action.secondary.border` #a3676b | `color.surface.canvas` #000000 | 4.71 | 3 | pass |
| next button boundary | — | ui | `color.action.primary.border` #9e231f | `color.surface.canvas` #000000 | 2.71 | 3 | waived: the primary button is identified by its text at 9.28:1 on its fill and by its position; the fill measures 1.86:1 and its border 2.56:1 against the canvas, a documented property of the actions family, not of the wizard |
| ring on the next button's fill | focus-visible | ui | `color.interaction.focus.ring-container` #ffa2a7 | `color.action.primary.bg` #7d1310 | 5.57 | 3 | pass |
| future step text (exempt; house floor 3:1) | disabled | ui | `color.text.disabled` #8a5559 | `color.surface.canvas` #000000 | 3.52 | 3 | pass |