/**
 * @name Nord Dark
 * @description An arctic, north-bluish dark theme built on the Nord palette.
 * @author LittleBit
 * @version 1.0.0
 * @tags dark, blue, nord, low-contrast
 *
 * Palette: Nord by Sven Greb (MIT) - https://www.nordtheme.com
 *   Polar Night: #2e3440 #3b4252 #434c5e #4c566a
 *   Snow Storm:  #d8dee9 #e5e9f0 #eceff4
 *   Frost:       #8fbcbb #88c0d0 #81a1c1 #5e81ac
 *   Aurora:      #bf616a #d08770 #ebcb8b #a3be8c #b48ead
 *
 * Non-palette values (marked "derived") are blends/shades of Nord colors,
 * used where the UI needs an extra step the palette doesn't provide.
 */

:root {
	/* surfaces */
	--background-primary: #2e3440; /* nord0 */
	--background-secondary: #292e39; /* derived: darker nord0 */
	--background-secondary-lighter: #3b4252; /* nord1 */
	--background-secondary-alt: #3b4252; /* nord1 */
	--background-tertiary: #242933; /* derived: darkest */
	--background-channel-header: #292e39;
	--background-header-primary: #3b4252; /* nord1 */
	--background-header-primary-hover: #434c5e; /* nord2 */
	--background-header-secondary: #3b4252;
	--background-textarea: #3b4252; /* nord1 */
	--guild-list-foreground: #3b4252;
	--form-surface-background: #292e39;
	--panel-control-bg: #3b4252;

	--background-modifier-hover: rgb(136 192 208 / 0.08); /* nord8 */
	--background-modifier-selected: rgb(136 192 208 / 0.16);
	--background-modifier-accent: rgb(136 192 208 / 0.2);
	--background-modifier-accent-focus: rgb(136 192 208 / 0.28);

	--surface-interactive-hover-bg: rgb(136 192 208 / 0.08);
	--surface-interactive-selected-bg: rgb(136 192 208 / 0.16);
	--surface-interactive-selected-color: #eceff4; /* nord6 */

	--bg-primary: #2e3440;
	--bg-secondary: #292e39;
	--bg-tertiary: #242933;
	--bg-hover: rgb(136 192 208 / 0.08);
	--bg-active: rgb(136 192 208 / 0.16);

	/* text */
	--text-primary: #eceff4; /* nord6 */
	--text-secondary: #d8dee9; /* nord4 */
	--text-primary-muted: #aab3c5; /* derived: nord4 toward nord3 */
	--text-chat: #d8dee9; /* nord4 */
	--text-chat-muted: #8f9bb3; /* derived */
	--text-tertiary: #7b88a1; /* derived */
	--text-tertiary-secondary: #616e88; /* derived */
	--text-tertiary-muted: #616e88;
	--text-link: #88c0d0; /* nord8 */
	--text-on-brand-primary: #2e3440; /* nord0 */
	--text-selection: rgb(136 192 208 / 0.3);
	--text-warning: #ebcb8b; /* nord13 */

	/* accents */
	--accent-primary: #88c0d0; /* nord8 */
	--accent-info: #81a1c1; /* nord9 */
	--accent-success: #a3be8c; /* nord14 */
	--accent-warning: #ebcb8b; /* nord13 */
	--accent-danger: #bf616a; /* nord11 */
	--accent-purple: #b48ead; /* nord15 */

	--brand-primary: #88c0d0; /* nord8 */
	--brand-primary-fill: #ffffff;
	--brand-primary-light: #a3d0dd; /* derived: lighter nord8 */
	--brand-secondary: #81a1c1; /* nord9 */

	/* status */
	--status-online: #a3be8c; /* nord14 */
	--status-idle: #ebcb8b; /* nord13 */
	--status-dnd: #bf616a; /* nord11 */
	--status-offline: #4c566a; /* nord3 */

	/* borders */
	--border-color: rgb(136 192 208 / 0.16);
	--border-color-hover: rgb(136 192 208 / 0.32);
	--border-color-focus: #88c0d0; /* nord8 */
	--focus-primary: #88c0d0;
	--theme-border: rgb(136 192 208 / 0.16);

	/* buttons */
	--button-primary-fill: #88c0d0; /* nord8 */
	--button-primary-active-fill: #9fcddb; /* derived: lighter nord8 */
	--button-primary-text: #2e3440; /* nord0 */
	--button-secondary-fill: #434c5e; /* nord2 */
	--button-secondary-active-fill: #4c566a; /* nord3 */
	--button-secondary-text: #d8dee9; /* nord4 */
	--button-danger-fill: #bf616a; /* nord11 */
	--button-danger-active-fill: #cf7a82; /* derived: lighter nord11 */
	--button-danger-text: #eceff4; /* nord6 */

	--control-button-normal-text: #7b88a1;
	--control-button-hover-bg: rgb(136 192 208 / 0.12);
	--control-button-hover-text: #d8dee9;
	--control-button-active-bg: rgb(136 192 208 / 0.2);
	--control-button-active-text: #eceff4;

	/* code */
	--code-text: #d8dee9; /* nord4 */
	--text-code: #d8dee9;
	--code-muted: #616e88;
	--bg-code: #242933;
	--code-inline-bg: #242933;
	--bg-code-block: #242933;
	--code-block-bg: #242933;

	/* mentions and markup */
	--markup-mention-fill: rgb(136 192 208 / 0.2);
	--markup-mention-text: #88c0d0; /* nord8 */
	--markup-mention-border: rgb(136 192 208 / 0.45);
	--markup-everyone-fill: rgb(235 203 139 / 0.18); /* nord13 */
	--markup-everyone-text: #ebcb8b;
	--markup-everyone-border: rgb(235 203 139 / 0.4);
	--markup-here-fill: rgb(235 203 139 / 0.18);
	--markup-here-text: #ebcb8b;
	--markup-jump-link-fill: rgb(129 161 193 / 0.2); /* nord9 */
	--markup-jump-link-text: #81a1c1;

	--message-mention-bg: rgb(136 192 208 / 0.1);
	--message-mention-bg-hover: rgb(136 192 208 / 0.16);
	--message-mention-color: #88c0d0;
	--message-timestamp-color: #7b88a1;
	--message-reply-color: #8f9bb3;

	--spoiler-overlay-color: #434c5e; /* nord2 */
	--spoiler-overlay-hover-color: #4c566a; /* nord3 */

	/* alerts */
	--alert-note-color: #88c0d0; /* nord8 */
	--alert-tip-color: #a3be8c; /* nord14 */
	--alert-important-color: #b48ead; /* nord15 */
	--alert-warning-color: #ebcb8b; /* nord13 */
	--alert-caution-color: #bf616a; /* nord11 */

	/* scrollbars */
	--scrollbar-track-bg: transparent;
	--scrollbar-thumb-bg: rgb(129 161 193 / 0.3); /* nord9 */
	--scrollbar-thumb-bg-hover: rgb(129 161 193 / 0.5);
}