:root {
  /* Tokens - Light */
  --mv-bg: #f4f1fb;
  --mv-surface: #f8f5fd;
  --mv-surface-2: #eef2ff;
  --mv-surface-3: #e6eafd;
  --mv-surface-secondary: #e6eafd;
  --mv-border: #d8d6f4;
  --mv-border-strong: #b9b6ea;
  --mv-text: #1f2554;
  --mv-text-muted: #5f628d;
  --mv-text-primary: #1f2554;
  --mv-text-secondary: #73779b;

  --mv-primary: #2b2f6a;
  --mv-primary-600: #212454;
  --mv-primary-hover: #1f2250;
  --mv-primary-rgb: 43, 47, 106;

  --mv-accent: #8c83f7;
  --mv-accent-600: #756ce5;
  --mv-accent-rgb: 140, 131, 247;

  --mv-highlight: #9dc9ff;
  --mv-highlight-rgb: 157, 201, 255;

  --mv-success: #5f6ecf;
  --mv-info: #6ca8e8;
  --mv-warning: #dfbf73;
  --mv-danger: #7865c8;
  --mv-success-rgb: 95, 110, 207;
  --mv-info-rgb: 108, 168, 232;
  --mv-warning-rgb: 223, 191, 115;
  --mv-danger-rgb: 120, 101, 200;

  --mv-success-soft: #ebeefe;
  --mv-info-soft: #e9f3ff;
  --mv-warning-soft: #fdf5de;
  --mv-danger-soft: #efe8ff;

  --mv-shadow-soft: 0 8px 22px rgba(74, 64, 133, 0.08);
  --mv-shadow-soft-hover: 0 12px 28px rgba(74, 64, 133, 0.14);

  --mv-radius-sm: 10px;
  --mv-radius-md: 12px;
  --mv-radius-lg: 16px;
  --mv-radius-pill: 999px;

  --mv-focus-ring: 0 0 0 0.18rem rgba(140, 131, 247, 0.28);

  --mv-sidebar-width: 250px;
  --mv-topbar-height: 64px;

  --mv-z-sidebar: 1030;
  --mv-z-topbar: 1020;
  --mv-z-overlay: 1010;
  --mv-z-dropdown: 1050;
  --mv-z-modal-backdrop: 1060;
  --mv-z-modal: 1070;



  /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=*/
  /* Conversation (Light Theme) */
  --mv-chat-content-padding: 0px;
  --mv-chat-content-height: calc(100vh - 115px);
  --mv-chat-container-bg: #f5f6f8;
  --mv-chat-list-width: 450px;
  --mv-chat-list-border-right: 1px solid #d8dde5;
  --mv-chat-list-panel-bg: #f1f3f6;
  --mv-chat-list-panel-z: 10;
  --mv-chat-header-bg: #eceff4;
  --mv-chat-header-padding: 10px 16px;
  --mv-chat-header-min-height: 59px;
  --mv-chat-avatar-size: 40px;
  --mv-chat-header-icon-color: #69707c;
  --mv-chat-search-container-bg: #f1f3f6;
  --mv-chat-search-container-padding: 7px 12px;
  --mv-chat-search-container-border-bottom: 1px solid #d8dde5;
  --mv-chat-search-bar-bg: #ffffff;
  --mv-chat-search-bar-radius: 8px;
  --mv-chat-search-icon-color: #69707c;
  --mv-chat-search-input-color: #1f2329;
  --mv-chat-search-input-padding: 9px 12px;
  --mv-chat-item-border-top: 1px solid rgba(105, 112, 124, 0.16);
  --mv-chat-item-hover-bg: #e8ecf2;
  --mv-chat-item-active-bg: #e2e7ef;
  --mv-chat-profile-pic-size: 49px;
  --mv-chat-profile-pic-margin-right: 15px;
  --mv-chat-name-color: #1f2329;
  --mv-chat-time-color: #69707c;
  --mv-chat-last-message-color: #69707c;
  --mv-chat-status-color: #69707c;
  --mv-chat-unread-bg: #7e858f;
  --mv-chat-unread-color: #ffffff;
  --mv-chat-conversation-bg-image: url('https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png');
  --mv-chat-conversation-bg-repeat: repeat;
  --mv-chat-initial-text-color: #69707c;
  --mv-chat-initial-icon-width: 250px;
  --mv-chat-footer-bg: #eceff4;
  --mv-chat-footer-padding: 10px 20px;
  --mv-chat-footer-border-top: 1px solid #d3d9e2;
  --mv-chat-footer-gap: 15px;
  --mv-chat-input-bg: #ffffff;
  --mv-chat-input-color: #1f2329;
  --mv-chat-modal-title-color: #1f2329;
  --mv-chat-scrollbar-width: 6px;
  --mv-chat-scrollbar-thumb: rgba(105, 112, 124, 0.35);
  --mv-chat-messages-padding: 20px 60px;
  --mv-chat-messages-gap: 4px;
  --mv-chat-bubble-max-width: 65%;
  --mv-chat-bubble-padding: 6px 10px;
  --mv-chat-bubble-radius: 7.5px;
  --mv-chat-bubble-font-size: 14.2px;
  --mv-chat-bubble-line-height: 19px;
  --mv-chat-bubble-color: #1f2329;
  --mv-chat-bubble-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
  --mv-chat-received-bg: #ffffff;
  --mv-chat-received-color: #1f2329;
  --mv-chat-received-link: #5d6570;
  --mv-chat-sent-bg: #eceff4;
  --mv-chat-sent-color: #1f2329;
  --mv-chat-sent-link: #5d6570;
  --mv-chat-message-media-radius: 5px;
  --mv-chat-timestamp-color: #69707c;
  --mv-chat-ack-color: #69707c;
  --mv-chat-read-ack-color: #8a9099;
  /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=*/
}

[data-theme="dark"] {
  /* Tokens - Dark */
  --mv-bg: #071225;
  --mv-surface: #08326a;
  --mv-surface-2: #132b4d;
  --mv-surface-3: #1a3a66;
  --mv-surface-secondary: #1a3a66;
  --mv-border: #264b7f;
  --mv-border-strong: #3262a5;
  --mv-text: #eef4ff;
  --mv-text-muted: #b6c8e6;
  --mv-text-primary: #eef4ff;
  --mv-text-secondary: #b6c8e6;

  --mv-primary: #eef4ff;
  --mv-primary-600: #d6e5ff;
  --mv-primary-rgb: 238, 244, 255;

  --mv-accent: #60a5fa;
  --mv-accent-600: #3b82f6;
  --mv-accent-rgb: 96, 165, 250;

  --mv-highlight: #2563eb;
  --mv-highlight-rgb: 37, 99, 235;

  --mv-success: #60a5fa;
  --mv-info: #93c5fd;
  --mv-warning: #d4af37;
  --mv-danger: #d6e5ff;
  --mv-success-rgb: 96, 165, 250;
  --mv-info-rgb: 147, 197, 253;
  --mv-warning-rgb: 212, 175, 55;
  --mv-danger-rgb: 214, 229, 255;

  --mv-success-soft: rgba(96, 165, 250, 0.2);
  --mv-info-soft: rgba(147, 197, 253, 0.2);
  --mv-warning-soft: rgba(212, 175, 55, 0.24);
  --mv-danger-soft: rgba(214, 229, 255, 0.2);

  --mv-shadow-soft: 0 10px 24px rgba(4, 8, 10, 0.36);
  --mv-shadow-soft-hover: 0 14px 28px rgba(4, 8, 10, 0.48);
  --mv-focus-ring: 0 0 0 0.18rem rgba(96, 165, 250, 0.3);

  /* Conversation (Dark Theme) */
  --mv-chat-container-bg: #141820;
  --mv-chat-list-border-right: 1px solid #353d48;
  --mv-chat-list-panel-bg: #1d2229;
  --mv-chat-header-bg: #252b34;
  --mv-chat-header-icon-color: #a8b0bd;
  --mv-chat-search-container-bg: #20262e;
  --mv-chat-search-container-border-bottom: 1px solid #313946;
  --mv-chat-search-bar-bg: #2a313b;
  --mv-chat-search-icon-color: #a8b0bd;
  --mv-chat-search-input-color: #eef1f5;
  --mv-chat-item-border-top: 1px solid rgba(168, 176, 189, 0.16);
  --mv-chat-item-hover-bg: #2e3642;
  --mv-chat-item-active-bg: #384150;
  --mv-chat-name-color: #eef1f5;
  --mv-chat-time-color: #a8b0bd;
  --mv-chat-last-message-color: #a8b0bd;
  --mv-chat-status-color: #a8b0bd;
  --mv-chat-unread-bg: #a6adb8;
  --mv-chat-unread-color: #191d23;
  --mv-chat-initial-text-color: #a8b0bd;
  --mv-chat-footer-bg: #232933;
  --mv-chat-footer-border-top: 1px solid #353d48;
  --mv-chat-input-bg: #2a313b;
  --mv-chat-input-color: #eef1f5;
  --mv-chat-modal-title-color: #eef1f5;
  --mv-chat-scrollbar-thumb: rgba(168, 176, 189, 0.4);
  --mv-chat-bubble-color: #eef1f5;
  --mv-chat-received-bg: #2a313b;
  --mv-chat-received-color: #eef1f5;
  --mv-chat-received-link: #bcc3ce;
  --mv-chat-sent-bg: #373f4b;
  --mv-chat-sent-color: #f4f6fa;
  --mv-chat-sent-link: #bcc3ce;
  --mv-chat-timestamp-color: #a8b0bd;
  --mv-chat-ack-color: #a8b0bd;
  --mv-chat-read-ack-color: #a6adb8;
}


#holdon-content {
  text-align: center;
  width: 100% !important;
  position: absolute;
  top: 10% !important;
  left: 1% !important;
}