/**
 * @name sibnight-flat
 * @description A full flat Sibylla flavor based on the default project palette, rebuilt with solid navy surfaces, gold-blue accents and no shadows or gradients.
 * @author ussmarines
 * @version 1.0.2
 * @website https://github.com/ussmarines/DiscordTheme
 * @source https://github.com/ussmarines/DiscordTheme/blob/main/themes/flavors/sibnight-flat.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: #f1d17a;
    --dms-icon-color-after: #eef5ff;
    --custom-dms-background: off;
    --dms-background-image-url: url('');
    --dms-background-image-size: cover;
    --dms-background-color: #d2aa57;

    /* 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: #b9dcff;
    --sibnight-accent-2: #82c3ff;
    --sibnight-accent-3: #f1d17a;
    --sibnight-accent-4: #d9b566;
    --sibnight-accent-5: #b78735;
    --sibnight-accent-new: #ffd166;
    --sibnight-notification: #ffd166;
    --sibnight-notification-hover: #ffe29a;
    --sibnight-notification-text: #08111f;

    --sibnight-mention: rgba(130, 195, 255, 0.14);
    --sibnight-mention-hover: rgba(130, 195, 255, 0.20);
    --sibnight-reply: rgba(241, 209, 122, 0.12);
    --sibnight-reply-hover: rgba(241, 209, 122, 0.18);

    --sibnight-text-0: #08111f;
    --sibnight-text-1: #eef5ff;
    --sibnight-text-2: #d8e4f2;
    --sibnight-text-3: #a8b7ca;
    --sibnight-text-4: #7f8fa6;
    --sibnight-text-5: rgba(168, 183, 202, 0.42);

    --sibnight-bg-1: #20375b;
    --sibnight-bg-2: #162847;
    --sibnight-bg-3: #0f1d36;
    --sibnight-bg-4: #08111f;
    --sibnight-hover: rgba(185, 220, 255, 0.07);
    --sibnight-active: rgba(130, 195, 255, 0.14);
    --sibnight-active-2: rgba(241, 209, 122, 0.18);
    --sibnight-message-hover: rgba(15, 29, 54, 0.78);

    --sibnight-border-light: rgba(216, 228, 242, 0.05);
    --sibnight-border: rgba(130, 195, 255, 0.12);
    --sibnight-border-hover: rgba(241, 209, 122, 0.18);
    --sibnight-button-border: rgba(216, 228, 242, 0.08);

    --sibnight-online: #8ecc94;
    --sibnight-dnd: #d67b76;
    --sibnight-idle: #f1d17a;
    --sibnight-streaming: #b58ce0;

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

    --sibylla-shell-gradient: #08111f;
    --sibylla-panel-fill: #0f1d36;
    --sibylla-panel-fill-strong: #162847;
    --sibylla-header-fill: #162847;
    --sibylla-control-fill: #20375b;
    --sibylla-embed-fill: #0f1d36;
    --sibylla-embed-fill-soft: #162847;
    --sibylla-embed-accent: #f1d17a;
    --sibylla-soft-edge: transparent;
    --sibylla-soft-edge-strong: transparent;
    --sibylla-blue-glow: transparent;
    --sibylla-profile-fill: #162847;
    --sibylla-card-sheen: none;
    --sibylla-active-fill: rgba(241, 209, 122, 0.16);
    --sibylla-hover-fill: rgba(130, 195, 255, 0.07);

    --icon-default: #d8e4f2;
    --icon-muted: rgba(216, 228, 242, 0.36);
    --icon-strong: #eef5ff;
    --icon-subtle: #f1d17a;
    --icon-link: #82c3ff;
    --channel-icon: #f1d17a;
    --channels-default: #d8e4f2;
    --interactive-icon-default: #d8e4f2;
    --interactive-icon-hover: #eef5ff;
    --interactive-icon-active: #f1d17a;
    --interactive-text-default: #d8e4f2;
    --interactive-text-hover: #eef5ff;
    --interactive-text-active: #eef5ff;
    --text-link: #82c3ff;
}

.message__5126c.mentioned__5126c,
.replying__5126c,
.ephemeral__5126c {
    background: var(--sibnight-mention) !important;
    box-shadow: inset 0 0 0 1px var(--sibnight-border) !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;
}