/* XRA — monochrome override. Loaded last in so it wins over the captured vendor stylesheets without editing their byte-exact bytes. Every colour here is neutral: the palette is black, white, and the greys between them. */ :root[data-domain="marketing"], :root[data-domain="product"], :root { /* The captured theme's violet. Neutralised, not removed — these tokens are referenced with /20 and /30 alpha for chips and hover states, so a light neutral keeps those surfaces reading as subtle grey instead of purple. */ --unveil-accent-color-dark: #ededed; --unveil-accent-color-light: #141414; /* XRA scale — used by the sections and diagrams this reskin adds. */ --xra-ink: #f2f2f2; --xra-ink-subtle: #a1a1a1; --xra-ink-faint: #6b6b6b; --xra-surface: #000000; --xra-surface-raised: #0b0b0b; --xra-surface-sunken: #060606; --xra-line: #232323; --xra-line-bold: #3a3a3a; } /* The display-p3 refinement of the same violet, defined in a @supports block in the vendor sheet — override it in kind or wide-gamut screens keep it. */ @supports (color: color(display-p3 1 1 1)) { :root[data-domain="marketing"], :root[data-domain="product"], :root { --unveil-accent-color-dark: color(display-p3 0.929 0.929 0.929); --unveil-accent-color-light: color(display-p3 0.078 0.078 0.078); } } /* Demoted mockup controls: these are drawings of an interface, so they must not offer a pointer, a focus ring, or a hover state that implies a click. */ [role="presentation"][aria-hidden="true"] { cursor: default; } [role="presentation"][aria-hidden="true"]:hover { opacity: inherit; }