/* Accessibility corrections for the public SMS Bridge pages (OD-07, 2026-09-05).
   The page keeps its own light brand; contrast is not a brand choice, so only
   the values that failed WCAG AA text contrast are corrected, and each one is
   the same hue, darker or lighter. Measured with scripts/a11y_page.js. */

/* Muted text on the dark footer: the light page fix (#666c88) is unreadable on
   #0f1226, 3.58:1. The lighter tint of the same hue is 7.23:1. */
.fbot, .fbot span, .fbot a, footer .muted { color: #9aa0c4; }
/* Links on the dark footer: #6d4aff on #1b1e3d is 3.13:1, this is 6.31:1. */
.fbot a, footer a[href*="cookie"], footer a { color: #a493ff; }

/* Comparison table: "No" was 1.69:1 and "Yes" 3.11:1 on white. */
td.n { color: #666c88; }
td.y { color: #0b7a5a; }

/* Demo avatars: the initials inherited the muted grey and sat on strong
   colour, as low as 1.1:1. White initials, and the two lightest circles
   darkened just enough to carry white text. */
.avatar, span.avatar { color: #ffffff !important; }
.avatar[style*="0ea5a5"], .avatar.teal { background: #0b7d7d !important; }
.avatar[style*="e8892b"], .avatar.orange { background: #a05f18 !important; }

/* Cookie banner and the dark asset tiles on the brand page: the brand purple is
   3.1:1 on those dark surfaces, the lighter tint of the same purple is 6.3:1. */
#ck a, .asset.dark a { color: #a493ff; }


/* One demo avatar circle was 4.42:1 with white initials; the same blue darkened
   one step is 5.25:1. */
.avatar[style*="4f6bf5"] { background: #4560e0 !important; }

/* Palette swatches on the brand page carry their hex label on the colour
   itself, which cannot pass on the light swatches. A dark scrim over the bottom
   band, where the label sits, keeps white text readable and still shows the
   colour across the top of the tile. */
.sw div { background-image: linear-gradient(transparent 52%, rgba(0, 0, 0, .74)) !important; }