/**
 * @name Oceanic
 * @description Soft deep-sea blue surfaces with bright azure text and a vivid cyan-blue accent.
 * @author LittleBit
 * @version 1.0.0
 * @tags dark, blue
 */

:root {
	/* surfaces */
	--background-primary: #002234;
	--background-secondary: #001b2a;
	--background-secondary-lighter: #00253a;
	--background-secondary-alt: #012d45;
	--background-tertiary: #00141f;
	--background-channel-header: #001b2a;
	--background-header-primary: #012d45;
	--background-header-primary-hover: #023a58;
	--background-header-secondary: #012d45;
	--background-textarea: #012d45;
	--guild-list-foreground: #012d45;
	--form-surface-background: #001b2a;
	--panel-control-bg: #012d45;

	--background-modifier-hover: rgb(0 170 255 / 0.08);
	--background-modifier-selected: rgb(0 170 255 / 0.16);
	--background-modifier-accent: rgb(0 170 255 / 0.2);
	--background-modifier-accent-focus: rgb(0 170 255 / 0.28);

	--surface-interactive-hover-bg: rgb(0 170 255 / 0.08);
	--surface-interactive-selected-bg: rgb(0 170 255 / 0.16);
	--surface-interactive-selected-color: #3bbeff;

	--bg-primary: #002234;
	--bg-secondary: #001b2a;
	--bg-tertiary: #00141f;
	--bg-hover: rgb(0 170 255 / 0.08);
	--bg-active: rgb(0 170 255 / 0.16);

	/* text */
	--text-primary: #3bbeff;
	--text-secondary: #5fb9e6;
	--text-primary-muted: #4f9fc7;
	--text-chat: #4cc3ff;
	--text-chat-muted: #7a9aab;
	--text-tertiary: #4d8aab;
	--text-tertiary-secondary: #3d7596;
	--text-tertiary-muted: #3d7596;
	--text-link: #8fdcff;
	--text-on-brand-primary: #002234;
	--text-selection: rgb(0 170 255 / 0.35);
	--text-warning: #f2c14e;

	/* accents */
	--accent-primary: #00aaff;
	--accent-info: #66d4ff;
	--accent-success: #4fd1a5;
	--accent-warning: #f2c14e;
	--accent-danger: #ff6b7a;
	--accent-purple: #9d9bff;

	--brand-primary: #00aaff;
	--brand-primary-fill: #ffffff;
	--brand-primary-light: #5cc6ff;
	--brand-secondary: #7aa8ff;

	/* status */
	--status-online: #4fd1a5;
	--status-idle: #f2c14e;
	--status-dnd: #ff6b7a;
	--status-offline: #2e5870;

	/* borders */
	--border-color: rgb(0 170 255 / 0.18);
	--border-color-hover: rgb(0 170 255 / 0.32);
	--border-color-focus: #00aaff;
	--focus-primary: #00aaff;
	--theme-border: rgb(0 170 255 / 0.18);

	/* buttons (dark fills so the light blue theme text stays readable) */
	--button-primary-fill: #00496d;
	--button-primary-active-fill: #003f5d;
	--button-primary-text: #3bbeff;
	--button-secondary-fill: #013a58;
	--button-secondary-active-fill: #014a70;
	--button-secondary-text: #6cc9f5;
	--button-danger-fill: #ff0000;
	--button-danger-active-fill: #aa0000;
	--button-danger-text: #ffffff;

	--control-button-normal-text: #4d8aab;
	--control-button-hover-bg: rgb(0 170 255 / 0.12);
	--control-button-hover-text: #7fd0ff;
	--control-button-active-bg: rgb(0 170 255 / 0.2);
	--control-button-active-text: #3bbeff;

	/* code */
	--code-text: #7fd6ff;
	--text-code: #7fd6ff;
	--code-muted: #3d7596;
	--bg-code: #00131e;
	--code-inline-bg: #00131e;
	--bg-code-block: #00131e;
	--code-block-bg: #00131e;

	/* mentions and markup */
	--markup-mention-fill: rgb(0 170 255 / 0.22);
	--markup-mention-text: #8fdcff;
	--markup-mention-border: rgb(0 170 255 / 0.45);
	--markup-everyone-fill: rgb(242 193 78 / 0.18);
	--markup-everyone-text: #f2c14e;
	--markup-everyone-border: rgb(242 193 78 / 0.4);
	--markup-here-fill: rgb(242 193 78 / 0.18);
	--markup-here-text: #f2c14e;
	--markup-jump-link-fill: rgb(102 212 255 / 0.18);
	--markup-jump-link-text: #66d4ff;

	--message-mention-bg: rgb(0 170 255 / 0.1);
	--message-mention-bg-hover: rgb(0 170 255 / 0.16);
	--message-mention-color: #8fdcff;
	--message-timestamp-color: #3d7596;
	--message-reply-color: #4d8aab;

	--spoiler-overlay-color: #013a58;
	--spoiler-overlay-hover-color: #014a70;

	/* alerts */
	--alert-note-color: #66d4ff;
	--alert-tip-color: #4fd1a5;
	--alert-important-color: #9d9bff;
	--alert-warning-color: #f2c14e;
	--alert-caution-color: #ff6b7a;

	/* scrollbars */
	--scrollbar-track-bg: transparent;
	--scrollbar-thumb-bg: rgb(0 170 255 / 0.28);
	--scrollbar-thumb-bg-hover: rgb(0 170 255 / 0.45);
}