/*
 * YOUR DESIGN PLAYGROUND
 * This file loads after Discord's original CSS.
 * Add experiments here; remove them to return to the captured design.
 *
 * Useful selectors:
 *   .body.is-dark-blue             page background
 *   .home--hero                    first section
 *   .heading--h1.is_2025            hero heading
 *   .heading--h2.is_2025            section headings
 *   .hero_button-l                 white download button
 *   .hero_button-r                 blue browser button
 *   .home--block-group.is_2025      feature panels
 *   .footer                        footer
 *
 * Example:
 * .hero_button-r { background-color: #ed5caa; }
 */

:focus-visible { outline: 3px solid #a9b2ff; outline-offset: 5px; }

#onetrust-consent-sdk [hidden] { display: none !important; }
.cookie-preferences-open { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}