/* Overrides used only by index-transparent.html. */
html, body, .stage { background: transparent !important; }
.stage::before, .stage::after { content: none !important; background: none !important; }
html[data-theme="light"] { --steel-200: #303139; --steel-400: #53545e; --steel-600: #686973; --arc-white: #88531a; }
html[data-theme="light"] .layer--bloom { mix-blend-mode: normal; }
html[data-theme="light"] .pause-toggle,
html[data-theme="light"] .replay-button { color: #784910; background: rgba(255,255,255,.8); border-color: rgba(120,73,16,.35); }
html[data-theme="light"] .pause-toggle:hover,
html[data-theme="light"] .replay-button:hover { background: rgba(230,167,95,.25); }

/* Match the iframe canvas scheme so Chromium does not insert an opaque backdrop. */
:root { color-scheme: normal; }