/* ==========================================================================
   Discord — the Discord client look, packaged next to Niveus.
   --------------------------------------------------------------------------
   A preview is only useful if it looks like the place the message will land,
   so everything here uses Discord's own palette and type sizes (its light or
   dark appearance, matching the site theme). Every rule is scoped under .discord, so
   nothing leaks out.

     <link rel="stylesheet" href="/niveus/dist/niveus.css">
     <link rel="stylesheet" href="/discord/discord.css">
     <link rel="stylesheet" href="/app.css">

     <div class="discord">…</div>                         — follows the site theme
     <div class="discord" data-dc-theme="dark">…</div>    — always dark

   Colours follow the page theme like Niveus does (see tokens.css).
   Unlike Niveus this file is not layered: it loads after Niveus and before
   app.css, so it beats Niveus elements and app.css can still adjust it.
   Niveus tokens it borrows: --nv-font-family-sans/-mono, --nv-radius-lg,
   --nv-elevation-2.
   ========================================================================== */

@import url("tokens.css");
@import url("components/window.css");
@import url("components/guild.css");
@import url("components/client.css");
@import url("components/message.css");
@import url("components/embed.css");
@import url("components/controls.css");
@import url("components/player.css");
@import url("components/profile.css");