@charset "UTF-8";

/* ====================================================================== */
/* CSS Variables & Theme Configuration
/* ====================================================================== */

:root {
	/* Background Colors */
	--bgcolor-top: #;
	--bgcolor-bottom: #;
	--bgcolor-primary: #250088;
	--bgcolor-primary-hover: #170055;
	--bgcolor-lightGray: #f5f5f5;
	--text-bgcolor: #fff;

	/* Text Colors */
	--text-default: $base-color;
	--text-color: #595959;
	--text-disabled: #8c8c8c;
	--text-heading: #1f1f1f;
	--text-title: #262626;
	--text-primary: #250088;
	--text-blue: #4772d8;
	--text-green: #24883e;
	--text-purple: #6c5abc;

	/* Button Background Colors */
	--btn-text-color: #fff;
	--btn-bgcolor-primary: #250088;
	--btn-bgcolor-primary-hover: #170055;
	--btn-bgcolor-blue: #4772d8;
	--btn-bgcolor-blue-hover: #193c8d;
	--btn-bgcolor-green: #24883e;
	--btn-bgcolor-green-hover: #0f4e1f;
	--btn-bgcolor-purple: #6c5abc;
	--btn-bgcolor-purple-hover: #3f2f87;
	--btn-bgcolor-disabled: #f0f0f0;

	/* Border Colors */
	--border-default: #ccc;
	--border-primary: #250088;
	--border-focus: #256ef4;
	--border-hover: #222222;
	--border-light: #f0f0f0;
	--border-blue: #4772d8;
	--border-green: #24883e;
	--border-purple: #6c5abc;

	/* Status Colors */
	--status-online: #FFC107;
	--status-ready: #2bc840;
	--status-away: #FF8C00;
	--status-offline: #969696;

	/* Badge Colors */
	--badge-bgcolor-red: #e33642;

	/* Tool Colors */
	--tool-bgcolor: #434343;
	--tool-bgcolor-dim: rgba(0, 0, 0, 0.94);
	--tool-txt-color: #fff;

	/* Grid Colors */
	--dhx-color-primary-light-hover: rgba(37, 0, 136, 0.05);

	/* Spacing Scale (Bootstrap-like) */
	--spacing-0: 0px;
	--spacing-1: 4px;
	--spacing-2: 8px;
	--spacing-3: 12px;
	--spacing-4: 16px;
	--spacing-5: 20px;
	--spacing-6: 24px;
	--spacing-10: 40px;
	--spacing-20: 80px;
}

/* ====================================================================== */
/* Theme Overrides - Chat
/* ====================================================================== */

body.chat {
	--bgcolor-primary: #4772d8 !important;
	--text-primary: #4772d8 !important;
	--btn-bgcolor-primary: #4772d8 !important;
	--btn-bgcolor-primary-hover: #2d5bb8 !important;
	--border-primary: #4772d8 !important;
	--bgcolor-primary-hover: #688bdf !important;
}

/* ====================================================================== */
/* Theme Overrides - Chatbot
/* ====================================================================== */

body.chatbot {
	--bgcolor-primary: #24883E !important;
	--text-primary: #24883E !important;
	--btn-bgcolor-primary: #24883E !important;
	--btn-bgcolor-primary-hover: #1a6b2f !important;
	--border-primary: #24883E !important;
	--bgcolor-primary-hover: #4c9e61 !important;
}

/* ====================================================================== */
/* Theme Overrides - Callbot
/* ====================================================================== */

body.callbot {
	--bgcolor-primary: #6C5ABC !important;
	--text-primary: #6C5ABC !important;
	--btn-bgcolor-primary: #6C5ABC !important;
	--btn-bgcolor-primary-hover: #4d3d9a !important;
	--border-primary: #6C5ABC !important;
	--bgcolor-primary-hover: #8a7acc !important;
}