/* brand pass - generated by brandpass.mjs. Do not edit by hand. */
/* the app defines its tokens on .mk-root, not :root - override both */
:root,.mk-root{
  --mk-bg:#0b0b0c;
  --mk-text:#f5f5f3;
  --mk-red:#ba0b0d;
  --mk-red-hover:#c9241e;
  --mk-red-bright:#e24a3e;
  --mk-surface:rgba(255,255,255,0.035);
  --mk-border:rgba(255,255,255,0.10);
}
/* one accent, one weight: kill every borrowed platform colour even if React
   re-applies the inline style after hydration */
#reach [style*="linear-gradient(135deg"]{background:var(--mk-red)!important}
#reach [style*="linear-gradient(45deg"],
#reach [style*="radial-gradient"],
#reach [style*="#FFFC00"],
#reach [style*="#fffc00"],
#reach [style*="rgb(255, 252, 0)"]{background:var(--mk-surface)!important;color:var(--mk-text)!important}
/* the Snapchat card was black-on-yellow; on the neutral surface its text has
   to flip to the light ramp. Only the black classes - never a blanket
   colour:inherit, which would flatten every secondary label to primary. */
#reach .text-black{color:var(--mk-text)!important}
#reach [class*="text-black/"]{color:rgba(255,255,255,.7)!important}
/* the accent is darker than the old red, so 75% white no longer clears 4.5:1
   on it (4.18) - lift the secondary text on accent surfaces to 92% (5.9:1) */
#reach [style*="#ba0b0d"] [class*="text-white/75"],
#reach [style*="linear-gradient(135deg"] [class*="text-white/75"],
.bg-\[var\(--mk-red\)\] [class*="text-white/75"]{color:rgba(255,255,255,.92)!important}
/* platform marks read as one icon family: monochrome in the site's own paper
   colour, never their own brand. The files are already white glyphs on
   transparent (see the icon pass), so no filter - a filter would flatten the
   knocked-out play triangle back into a solid block. */
#reach img[src^="/img/icons/"]{opacity:.92}
/* hover step of the same ramp instead of a second red */
a[class*="bg-[var(--mk-red)]"]:hover{background-color:var(--mk-red-hover)!important}