/**
 * @name Ethereal
 * @description Deep midnight navy surfaces with warm peach text and a periwinkle accent. Ported from the Omarchy Ethereal theme.
 * @author LittleBit
 * @version 1.0.0
 * @tags dark, purple
 */

:root {
	/* surfaces */
	--background-primary: #060b1e;
	--background-secondary: #0a1029;
	--background-secondary-lighter: #0e1631;
	--background-secondary-alt: #131a3a;
	--background-tertiary: #040816;
	--background-channel-header: #0a1029;
	--background-header-primary: #131a3a;
	--background-header-primary-hover: #1a2350;
	--background-header-secondary: #131a3a;
	--background-textarea: #131a3a;
	--guild-list-foreground: #131a3a;
	--form-surface-background: #0a1029;
	--panel-control-bg: #131a3a;

	--background-modifier-hover: rgb(125 130 217 / 0.08);
	--background-modifier-selected: rgb(125 130 217 / 0.16);
	--background-modifier-accent: rgb(125 130 217 / 0.2);
	--background-modifier-accent-focus: rgb(125 130 217 / 0.28);

	--surface-interactive-hover-bg: rgb(125 130 217 / 0.08);
	--surface-interactive-selected-bg: rgb(125 130 217 / 0.16);
	--surface-interactive-selected-color: #ffcead;

	--bg-primary: #060b1e;
	--bg-secondary: #0a1029;
	--bg-tertiary: #040816;
	--bg-hover: rgb(125 130 217 / 0.08);
	--bg-active: rgb(125 130 217 / 0.16);

	/* text */
	--text-primary: #ffcead;
	--text-secondary: #ddb99c;
	--text-primary-muted: #c9b8a6;
	--text-chat: #e3bfa2;
	--text-chat-muted: #a3a3ad;
	--text-tertiary: #8793c4;
	--text-tertiary-secondary: #6d7db6;
	--text-tertiary-muted: #6d7db6;
	--text-link: #a3bfd1;
	--text-on-brand-primary: #060b1e;
	--text-selection: rgb(125 130 217 / 0.35);
	--text-warning: #e9bb4f;

	/* accents */
	--accent-primary: #7d82d9;
	--accent-info: #a3bfd1;
	--accent-success: #92a593;
	--accent-warning: #e9bb4f;
	--accent-danger: #ed5b5a;
	--accent-purple: #c89dc1;

	--brand-primary: #7d82d9;
	--brand-primary-fill: #ffffff;
	--brand-primary-light: #a0a4e8;
	--brand-secondary: #ffcead;

	/* status */
	--status-online: #92a593;
	--status-idle: #e9bb4f;
	--status-dnd: #ed5b5a;
	--status-offline: #3a4470;

	/* borders */
	--border-color: rgb(125 130 217 / 0.18);
	--border-color-hover: rgb(125 130 217 / 0.32);
	--border-color-focus: #7d82d9;
	--focus-primary: #7d82d9;
	--theme-border: rgb(125 130 217 / 0.18);

	/* buttons */
	--button-primary-fill: #7d82d9;
	--button-primary-active-fill: #9a9fe6;
	--button-primary-text: #060b1e;
	--button-secondary-fill: #1a2350;
	--button-secondary-active-fill: #252e56;
	--button-secondary-text: #ddb99c;
	--button-danger-fill: #d94c4b;
	--button-danger-active-fill: #ed5b5a;
	--button-danger-text: #fff0e4;

	--control-button-normal-text: #8793c4;
	--control-button-hover-bg: rgb(125 130 217 / 0.12);
	--control-button-hover-text: #ddb99c;
	--control-button-active-bg: rgb(125 130 217 / 0.2);
	--control-button-active-text: #ffcead;

	/* code */
	--code-text: #e3bfa2;
	--text-code: #e3bfa2;
	--code-muted: #6d7db6;
	--bg-code: #030610;
	--code-inline-bg: #030610;
	--bg-code-block: #030610;
	--code-block-bg: #030610;

	/* mentions and markup */
	--markup-mention-fill: rgb(125 130 217 / 0.22);
	--markup-mention-text: #c2c4f0;
	--markup-mention-border: rgb(125 130 217 / 0.45);
	--markup-everyone-fill: rgb(233 187 79 / 0.18);
	--markup-everyone-text: #e9bb4f;
	--markup-everyone-border: rgb(233 187 79 / 0.4);
	--markup-here-fill: rgb(233 187 79 / 0.18);
	--markup-here-text: #e9bb4f;
	--markup-jump-link-fill: rgb(163 191 209 / 0.18);
	--markup-jump-link-text: #a3bfd1;

	--message-mention-bg: rgb(125 130 217 / 0.1);
	--message-mention-bg-hover: rgb(125 130 217 / 0.16);
	--message-mention-color: #c2c4f0;
	--message-timestamp-color: #6d7db6;
	--message-reply-color: #8793c4;

	--spoiler-overlay-color: #1a2350;
	--spoiler-overlay-hover-color: #252e56;

	/* alerts */
	--alert-note-color: #a3bfd1;
	--alert-tip-color: #92a593;
	--alert-important-color: #c89dc1;
	--alert-warning-color: #e9bb4f;
	--alert-caution-color: #ed5b5a;

	/* scrollbars */
	--scrollbar-track-bg: transparent;
	--scrollbar-thumb-bg: rgb(125 130 217 / 0.28);
	--scrollbar-thumb-bg-hover: rgb(125 130 217 / 0.45);
}