/**
 * @name sibnight-tokyo-night
 * @description A Tokyo Night inspired sibnight flavor with flat midnight surfaces, muted cobalt panels and clean neon accents.
 * @author ussmarines
 * @version 1.0.2
 * @website https://github.com/ussmarines/DiscordTheme
 * @source https://github.com/ussmarines/DiscordTheme/blob/main/themes/flavors/sibnight-tokyo-night.theme.css
 * @authorLink https://github.com/ussmarines
 */
/* credits
 * original design inspired by https://github.com/schnensch0/zelk
 * theme design inspired by https://github.com/refact0r/midnight-discord
 * window controls inspired by https://github.com/Dyzean/Tokyo-Night
 */

@import url('https://ussmarines.github.io/DiscordTheme/build/sibnight-flavor.css');

/* sibnight flavor layout defaults: start */
body {
    /* font options */
    --font: 'figtree';
    --code-font: '';
    font-weight: 400;

    /* sizes */
    --gap: 12px;
    --divider-thickness: 4px;
    --border-thickness: 0px;

    /* animation/transition options */
    --animations: on;
    --list-item-transition: 0.2s ease;
    --dms-icon-svg-transition: 0.4s ease;
    --border-hover-transition: 0.2s ease;

    /* top bar options */
    --top-bar-height: var(--gap);
    --top-bar-button-position: titlebar;
    --top-bar-title-position: off;
    --subtle-top-bar-title: off;

    /* window controls */
    --custom-window-controls: on;
    --window-control-size: 14px;

    /* dms button options */
    --custom-dms-icon: custom;
    --dms-icon-svg-url: url('https://raw.githubusercontent.com/ussmarines/DiscordTheme/main/assets/sibylla-logo.svg');
    --dms-icon-svg-size: 104%;
    --dms-icon-color-before: #e0af68;
    --dms-icon-color-after: #c0caf5;
    --custom-dms-background: off;
    --dms-background-image-url: url('');
    --dms-background-image-size: cover;
    --dms-background-color: #24283b;

    /* background image options */
    --background-image: off;
    --background-image-url: url('');

    /* transparency/blur options */
    --transparency-tweaks: off;
    --remove-bg-layer: off;
    --panel-blur: off;
    --blur-amount: 12px;
    --sibnight-bg-floating: var(--sibnight-bg-3);

    /* chatbar options */
    --custom-chatbar: off;
    --chatbar-height: 47px;

    /* other options */
    --small-user-panel: on;
    --sibnight-flavor: on;
}
/* sibnight flavor layout defaults: end */

:root {
    --sibnight-accent-1: #c0caf5;
    --sibnight-accent-2: #7aa2f7;
    --sibnight-accent-3: #bb9af7;
    --sibnight-accent-4: #7dcfff;
    --sibnight-accent-5: #e0af68;
    --sibnight-accent-new: #ff9e64;
    --sibnight-notification: #ff9e64;
    --sibnight-notification-hover: #ffc09b;
    --sibnight-notification-text: #11131b;

    --sibnight-mention: rgba(122, 162, 247, 0.14);
    --sibnight-mention-hover: rgba(125, 207, 255, 0.18);
    --sibnight-reply: rgba(187, 154, 247, 0.12);
    --sibnight-reply-hover: rgba(187, 154, 247, 0.18);

    --sibnight-text-0: #11131b;
    --sibnight-text-1: #c0caf5;
    --sibnight-text-2: #a9b1d6;
    --sibnight-text-3: #959cbd;
    --sibnight-text-4: #787c99;
    --sibnight-text-5: rgba(149, 156, 189, 0.42);

    --sibnight-bg-1: #414868;
    --sibnight-bg-2: #24283b;
    --sibnight-bg-3: #202330;
    --sibnight-bg-4: #1a1b26;
    --sibnight-hover: rgba(122, 162, 247, 0.08);
    --sibnight-active: rgba(61, 89, 161, 0.20);
    --sibnight-active-2: rgba(187, 154, 247, 0.18);
    --sibnight-message-hover: rgba(32, 35, 48, 0.88);

    --sibnight-border-light: rgba(192, 202, 245, 0.05);
    --sibnight-border: rgba(122, 162, 247, 0.16);
    --sibnight-border-hover: rgba(187, 154, 247, 0.22);
    --sibnight-button-border: rgba(192, 202, 245, 0.08);

    --sibnight-online: #73daca;
    --sibnight-dnd: #f7768e;
    --sibnight-idle: #e0af68;
    --sibnight-streaming: #bb9af7;

    --panel-shadow: none;
    --panel-shadow-hover: none;
    --panel-backdrop-filter: none;

    --sibylla-shell-gradient: #1a1b26;
    --sibylla-panel-fill: #202330;
    --sibylla-panel-fill-strong: #24283b;
    --sibylla-header-fill: #24283b;
    --sibylla-control-fill: #1f2330;
    --sibylla-embed-fill: #202330;
    --sibylla-embed-fill-soft: #24283b;
    --sibylla-embed-accent: #7aa2f7;
    --sibylla-soft-edge: transparent;
    --sibylla-soft-edge-strong: transparent;
    --sibylla-blue-glow: transparent;
    --sibylla-profile-fill: #24283b;
    --sibylla-card-sheen: none;
    --sibylla-active-fill: rgba(61, 89, 161, 0.26);
    --sibylla-hover-fill: rgba(125, 207, 255, 0.08);

    --icon-default: #a9b1d6;
    --icon-muted: rgba(149, 156, 189, 0.38);
    --icon-strong: #c0caf5;
    --icon-subtle: #e0af68;
    --icon-link: #7dcfff;
    --channel-icon: #7aa2f7;
    --channels-default: #a9b1d6;
    --interactive-icon-default: #a9b1d6;
    --interactive-icon-hover: #c0caf5;
    --interactive-icon-active: #bb9af7;
    --interactive-text-default: #a9b1d6;
    --interactive-text-hover: #c0caf5;
    --interactive-text-active: #c0caf5;
    --text-link: #7dcfff;
}

.message__5126c.mentioned__5126c,
.replying__5126c,
.ephemeral__5126c {
    background: var(--sibnight-mention) !important;
    box-shadow: none !important;
    outline: 1px solid var(--sibnight-border) !important;
    outline-offset: -1px !important;
}

.userProfileOuterUnthemed_c69a7b,
.userProfileOuterThemed_c69a7b,
.profilePanel_c69a7b,
.userPanelInner_c69a7b,
.container__39ec2,
.container__0f2e8,
.root__49fc1 {
    background-image: none !important;
    box-shadow: none !important;
}

.container__9271d,
.itemCard__7e549,
.nowPlayingColumn__133bf .outer_bf1984,
.peopleColumn__133bf [class*='peopleListItem'],
.container__7d20c,
.container__9293f {
    background-color: var(--sibylla-panel-fill) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.message__5126c.mentioned__5126c::before,
.replying__5126c::before,
.ephemeral__5126c::before,
.embedFull__623de::before {
    background: var(--sibnight-accent-4) !important;
}

.form_f75fb0 .placeholder__1b31f,
.slateTextArea_ec4baf,
.editor__1b31f,
.textArea__74017 {
    color: var(--sibnight-text-2) !important;
}


/* Local unread-channel emphasis: keep after the remote import for immediate previews. */
.modeUnreadImportant__2ea32 .link__2ea32 {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--sibnight-notification, var(--sibnight-accent-new)) 34%, transparent) 0%,
        color-mix(in srgb, var(--sibnight-notification, var(--sibnight-accent-new)) 16%, transparent) 76%,
        transparent 100%
    ) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.modeUnreadImportant__2ea32 :is(.name__2ea32, .icon__2ea32) {
    color: var(--sibnight-notification-hover, var(--sibnight-notification, var(--sibnight-accent-new))) !important;
    font-weight: 750 !important;
    text-shadow: none !important;
}