:root {
  /* Tokens - Light */
  --mv-bg: #eef2f7;
  --mv-surface: #ffffff;
  --mv-surface-2: #f4f7fb;
  --mv-surface-3: #e8edf5;
  --mv-border: #d1dbe8;
  --mv-border-strong: #b8c6d8;
  --mv-text: #0f1c2e;
  --mv-text-muted: #5a7290;

  --mv-primary: #1a7fd4;
  --mv-primary-600: #1566b0;
  --mv-primary-rgb: 26, 127, 212;

  --mv-success: #0e9e6e;
  --mv-info: #2a9fd6;
  --mv-warning: #d4a017;
  --mv-danger: #d63a3a;
  --mv-success-rgb: 14, 158, 110;
  --mv-info-rgb: 42, 159, 214;
  --mv-warning-rgb: 212, 160, 23;
  --mv-danger-rgb: 214, 58, 58;

  --mv-success-soft: #e6f7f2;
  --mv-info-soft: #e3f4fb;
  --mv-warning-soft: #fff8e1;
  --mv-danger-soft: #fde8e8;

  --mv-shadow-soft: 0 6px 20px rgba(10, 30, 60, 0.08);
  --mv-shadow-soft-hover: 0 12px 24px rgba(10, 30, 60, 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.2rem rgba(26, 127, 212, 0.24);

  --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-online-color: #0aa103;
  --mv-chat-content-padding: 0px;
  --mv-chat-content-height: calc(100vh - 115px);
  --mv-chat-container-bg: #f5f8fc;
  --mv-chat-list-width: 450px;
  --mv-chat-list-border-right: 1px solid #d1dbe8;
  --mv-chat-list-panel-bg: #eef2f8;
  --mv-chat-list-panel-z: 10;
  --mv-chat-header-bg: #e4ecf5;
  --mv-chat-header-padding: 10px 16px;
  --mv-chat-header-min-height: 59px;
  --mv-chat-avatar-size: 40px;
  --mv-chat-header-icon-color: #5a7290;
  --mv-chat-search-container-bg: #eef2f8;
  --mv-chat-search-container-padding: 7px 12px;
  --mv-chat-search-container-border-bottom: 1px solid #d1dbe8;
  --mv-chat-search-bar-bg: #f8fafd;
  --mv-chat-search-bar-radius: 8px;
  --mv-chat-search-icon-color: #5a7290;
  --mv-chat-search-input-color: #0f1c2e;
  --mv-chat-search-input-padding: 9px 12px;
  --mv-chat-item-border-top: 1px solid rgba(90, 114, 144, 0.18);
  --mv-chat-item-hover-bg: #dce7f4;
  --mv-chat-item-active-bg: #ccddf0;
  --mv-chat-profile-pic-size: 49px;
  --mv-chat-profile-pic-margin-right: 15px;
  --mv-chat-name-color: #0f1c2e;
  --mv-chat-time-color: #5a7290;
  --mv-chat-last-message-color: #5a7290;
  --mv-chat-status-color: #5a7290;
  --mv-chat-unread-bg: #1a7fd4;
  --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: #5a7290;
  --mv-chat-initial-icon-width: 250px;
  --mv-chat-footer-bg: #e4ecf5;
  --mv-chat-footer-padding: 10px 20px;
  --mv-chat-footer-border-top: 1px solid #d1dbe8;
  --mv-chat-footer-gap: 15px;
  --mv-chat-input-bg: #f8fafd;
  --mv-chat-input-color: #0f1c2e;
  --mv-chat-modal-title-color: #0f1c2e;
  --mv-chat-scrollbar-width: 6px;
  --mv-chat-scrollbar-thumb: rgba(90, 114, 144, 0.45);
  --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: #0f1c2e;
  --mv-chat-bubble-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
  --mv-chat-received-bg: #ffffff;
  --mv-chat-received-color: #0f1c2e;
  --mv-chat-received-link: #1a7fd4;
  --mv-chat-sent-bg: #d0e8f8;
  --mv-chat-sent-color: #0f1c2e;
  --mv-chat-sent-link: #1566b0;
  --mv-chat-message-media-radius: 5px;
  --mv-chat-timestamp-color: #6b8aaa;
  --mv-chat-ack-color: #6b8aaa;
  --mv-chat-read-ack-color: #1a7fd4;
  /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++=*/
}

[data-theme="dark"] {
  /* Tokens - Dark */
  --mv-chat-online-color: white;
  --mv-bg: #0a1220;
  --mv-surface: #111827;
  --mv-surface-2: #1a2540;
  --mv-surface-3: #1e2d4d;
  --mv-border: #253552;
  --mv-border-strong: #2e4268;
  --mv-text: #e2eaf6;
  --mv-text-muted: #8aa4c8;

  --mv-primary: #3d9fe0;
  --mv-primary-600: #2a8bc9;
  --mv-primary-rgb: 61, 159, 224;

  --mv-success: #2bbf8c;
  --mv-info: #50c3f5;
  --mv-warning: #f5c518;
  --mv-danger: #f05252;
  --mv-success-rgb: 43, 191, 140;
  --mv-info-rgb: 80, 195, 245;
  --mv-warning-rgb: 245, 197, 24;
  --mv-danger-rgb: 240, 82, 82;

  --mv-success-soft: rgba(43, 191, 140, 0.18);
  --mv-info-soft: rgba(80, 195, 245, 0.18);
  --mv-warning-soft: rgba(245, 197, 24, 0.18);
  --mv-danger-soft: rgba(240, 82, 82, 0.18);

  --mv-shadow-soft: 0 10px 24px rgba(0, 8, 20, 0.5);
  --mv-shadow-soft-hover: 0 16px 30px rgba(0, 8, 20, 0.6);
  --mv-focus-ring: 0 0 0 0.2rem rgba(61, 159, 224, 0.28);

  /* Conversation (Dark Theme) */
  --mv-chat-container-bg: #0d1829;
  --mv-chat-list-border-right: 1px solid #253552;
  --mv-chat-list-panel-bg: #111f35;
  --mv-chat-header-bg: #152239;
  --mv-chat-header-icon-color: #8aa4c8;
  --mv-chat-search-container-bg: #132036;
  --mv-chat-search-container-border-bottom: 1px solid #253552;
  --mv-chat-search-bar-bg: #1a2d48;
  --mv-chat-search-icon-color: #8aa4c8;
  --mv-chat-search-input-color: #d4e2f4;
  --mv-chat-item-border-top: 1px solid rgba(138, 164, 200, 0.18);
  --mv-chat-item-hover-bg: #1e3255;
  --mv-chat-item-active-bg: #1e3255;
  --mv-chat-name-color: #ddeaf8;
  --mv-chat-time-color: #7a9abf;
  --mv-chat-last-message-color: #7a9abf;
  --mv-chat-status-color: #7a9abf;
  --mv-chat-unread-bg: #3d9fe0;
  --mv-chat-unread-color: #0a1220;
  --mv-chat-initial-text-color: #7a9abf;
  --mv-chat-footer-bg: #132036;
  --mv-chat-footer-border-top: 1px solid #253552;
  --mv-chat-input-bg: #1a2d48;
  --mv-chat-input-color: #ddeaf8;
  --mv-chat-modal-title-color: #ddeaf8;
  --mv-chat-scrollbar-thumb: rgba(138, 164, 200, 0.45);
  --mv-chat-bubble-color: #e2eaf6;
  --mv-chat-received-bg: #1a2d48;
  --mv-chat-received-color: #ddeaf8;
  --mv-chat-received-link: #50c3f5;
  --mv-chat-sent-bg: #163d6a;
  --mv-chat-sent-color: #e8f2ff;
  --mv-chat-sent-link: #7ad4ff;
  --mv-chat-timestamp-color: #6e92b8;
  --mv-chat-ack-color: #5a7fa8;
  --mv-chat-read-ack-color: #3d9fe0;
}