/* SecureChat — đổi màu nhấn của Element Web sang xanh #1A73E8.
   Chỉ đè token màu; không đụng bố cục. Token nào bản Element Web này không dùng thì bị bỏ qua.

   Lưu ý về nền nút chính: ở giao diện SÁNG nút là nền đậm + chữ trắng, ở giao diện TỐI là
   nền nhạt + chữ đen. Nên bản tối dùng xanh NHẠT, nếu không chữ đen sẽ không đọc được. */
:root {
  --cpd-color-text-action-accent: #1A73E8;
  --cpd-color-icon-accent-tertiary: #1A73E8;
  --cpd-color-icon-accent-primary: #1A73E8;
  --cpd-color-bg-accent-rest: #1A73E8;
  --cpd-color-bg-accent-hovered: #1765CC;
  --cpd-color-bg-accent-pressed: #0F4C99;
  --cpd-color-border-accent-primary: #1A73E8;
  /* biến cũ của Element Web trước Compound */
  --accent: #1A73E8;
  --accent-color: #1A73E8;
  --primary-color: #1A73E8;
  --link-color: #1A73E8;
}

/* Giao diện sáng: nền đậm, chữ trắng */
:root,
.cpd-theme-light,
[data-theme="light"] {
  --cpd-color-bg-action-primary-rest: #1A73E8;
  --cpd-color-bg-action-primary-hovered: #1765CC;
  --cpd-color-bg-action-primary-pressed: #0F4C99;
}

/* Giao diện tối: nền nhạt, chữ đậm */
.cpd-theme-dark,
[data-theme="dark"] {
  --cpd-color-bg-action-primary-rest: #A8C7FA;
  --cpd-color-bg-action-primary-hovered: #8FB6F7;
  --cpd-color-bg-action-primary-pressed: #79A9F5;
  --cpd-color-text-action-accent: #8AB8F8;
  --cpd-color-icon-accent-tertiary: #8AB8F8;
  --cpd-color-icon-accent-primary: #6BA5F5;
  --cpd-color-bg-accent-rest: #3B8AEE;
  --accent: #8AB8F8;
  --accent-color: #8AB8F8;
  --link-color: #8AB8F8;
}