/**
 * @name sibnight-north-snow
 * @description A flat Nord Snow Storm + Frost flavor with solid light panels, zero shadows and cleaner Sibylla-friendly light contrast.
 * @author ussmarines
 * @version 1.7.2
 * @website https://github.com/ussmarines/DiscordTheme
 * @source https://github.com/ussmarines/DiscordTheme/blob/main/themes/flavors/sibnight-north-snow.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: #4c566a;
    --dms-icon-color-after: #eceff4;
    --custom-dms-background: off;
    --dms-background-image-url: url('');
    --dms-background-image-size: cover;
    --dms-background-color: #d8dee9;

    /* 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-flat-utilities: on;
}
/* sibnight flavor layout defaults: end */

:root {
    --sibnight-accent-1: #5e81ac;
    --sibnight-accent-2: #81a1c1;
    --sibnight-accent-3: #88c0d0;
    --sibnight-accent-4: #8fbcbb;
    --sibnight-accent-5: #4c566a;
    --sibnight-accent-new: #d08770;
    --sibnight-notification: #c2415d;
    --sibnight-notification-hover: #d85b73;
    --sibnight-notification-text: #ffffff;
    --sibnight-mention: rgba(94, 129, 172, 0.10);
    --sibnight-mention-hover: rgba(129, 161, 193, 0.16);
    --sibnight-reply: rgba(143, 188, 187, 0.10);
    --sibnight-reply-hover: rgba(143, 188, 187, 0.16);
    --sibnight-text-0: #2e3440;
    --sibnight-text-1: #2e3440;
    --sibnight-text-2: #3b4252;
    --sibnight-text-3: #4c566a;
    --sibnight-text-4: #62748c;
    --sibnight-text-5: rgba(76, 86, 106, 0.45);
    --sibnight-bg-1: #d8dee9;
    --sibnight-bg-2: #e5e9f0;
    --sibnight-bg-3: #eceff4;
    --sibnight-bg-4: #f7f9fc;
    --sibnight-hover: rgba(129, 161, 193, 0.08);
    --sibnight-active: rgba(129, 161, 193, 0.14);
    --sibnight-active-2: rgba(136, 192, 208, 0.18);
    --sibnight-message-hover: rgba(129, 161, 193, 0.07);
    --sibnight-border-light: rgba(76, 86, 106, 0.04);
    --sibnight-border: rgba(94, 129, 172, 0.10);
    --sibnight-border-hover: rgba(129, 161, 193, 0.18);
    --sibnight-button-border: rgba(76, 86, 106, 0.06);
    --sibnight-online: #a3be8c;
    --sibnight-dnd: #bf616a;
    --sibnight-idle: #ebcb8b;
    --sibnight-streaming: #b48ead;
    --sibylla-shell-gradient: #f7f9fc;
    --sibylla-panel-fill: #eceff4;
    --sibylla-panel-fill-strong: #e5e9f0;
    --sibylla-header-fill: #d8dee9;
    --sibylla-control-fill: #e7edf5;
    --sibylla-embed-fill: #eceff4;
    --sibylla-embed-fill-soft: #e1e8f1;
    --sibylla-embed-accent: #5e81ac;
    --sibylla-profile-fill: #e5e9f0;
    --sibylla-active-fill: rgba(129, 161, 193, 0.14);
    --sibylla-hover-fill: rgba(143, 188, 187, 0.10);
    --icon-default: #5e81ac;
    --icon-muted: rgba(76, 86, 106, 0.42);
    --icon-strong: #2e3440;
    --icon-subtle: #88c0d0;
    --icon-link: #5e81ac;
    --channel-icon: #5e81ac;
    --channels-default: #3b4252;
    --interactive-icon-default: #4c566a;
    --interactive-icon-hover: #2e3440;
    --interactive-icon-active: #5e81ac;
    --interactive-text-default: #4c566a;
    --interactive-text-hover: #2e3440;
    --interactive-text-active: #2e3440;
    --text-link: #5e81ac;
    --colors: on;
    color-scheme: light;
    --proto-column-shadow: none;
    --proto-hover-surface: var(--sibylla-hover-fill);
    --proto-active-surface: var(--sibylla-active-fill);
    --panel-shadow: none;
    --panel-shadow-hover: none;
    --panel-backdrop-filter: none;
    --sibylla-card-sheen: none;
    --sibylla-soft-edge: transparent;
    --sibylla-soft-edge-strong: transparent;
    --sibylla-blue-glow: transparent;
}

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



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

.embedFull__623de,
.reaction__23977,
.reactionBtn__23977.forceShow__23977,
.container__9271d {
    box-shadow: none !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;
}