:root,
html,
body,
.cpd-theme-light,
.cpd-theme-light.cpd-theme-light,
.cpd-theme-light-hc,
.cpd-theme-light-hc.cpd-theme-light-hc {
  --cpd-color-theme-bg: #fffdf7;
  --cpd-color-bg-canvas-default: #fffdf7;
  --cpd-color-bg-canvas-default-level-1: #fffdf7;
  --cpd-color-bg-subtle-primary: #fff4e4;
  --cpd-color-bg-subtle-secondary: #f8f3e8;
  --cpd-color-bg-action-primary-rest: #2f7c52;
  --cpd-color-bg-action-primary-hovered: #276846;
  --cpd-color-bg-action-primary-pressed: #1f5438;
  --cpd-color-bg-accent-rest: #2f7c52;
  --cpd-color-bg-accent-hovered: #276846;
  --cpd-color-bg-accent-pressed: #1f5438;
  --cpd-color-border-focused: #d94439;
  --cpd-color-border-accent-subtle: #7ca356;
  --cpd-color-text-link-external: #b6362d;
  --cpd-color-icon-success-primary: #2f7c52;
  --cpd-color-text-success-primary: #2f7c52;
  --cpd-color-bg-success-subtle: #edf7ef;
  --cpd-color-bg-critical-subtle: #fff0ed;
  --cpd-color-bg-critical-subtle-hovered: #ffe3dd;
  --cpd-color-border-critical-subtle: #efb4ad;
}
html, body {
  background:
    radial-gradient(circle at 12% 16%, rgba(217,68,57,0.10), transparent 18%),
    radial-gradient(circle at 86% 14%, rgba(47,124,82,0.11), transparent 18%),
    radial-gradient(circle at 78% 82%, rgba(241,200,75,0.16), transparent 20%),
    linear-gradient(180deg, #fffdf7 0%, #f7f2e8 100%) !important;
}
.mx_AuthBody,
.mx_AuthPage,
.mx_AuthPage_modal,
.mx_AuthPage_modalContent { background: transparent !important; }
.mx_AuthPage_modal,
.mx_AuthPage_modalContent,
.mx_Dialog,
.mx_LoggedInView_leftPanel,
.mx_LeftPanel_wrapper,
.mx_RoomHeader,
.mx_MatrixChat { backdrop-filter: saturate(1.08); }
.mx_AuthPage_modal,
.mx_AuthPage_modalContent,
.mx_Dialog,
.mx_LeftPanel_wrapper,
.mx_RoomHeader { border-radius: 24px !important; }
.mx_AuthHeader_logo,
.mx_AuthHeader_logo img { border-radius: 999px; }
.mx_AuthHeader_logo img {
  box-shadow: 0 18px 45px rgba(47,124,82,0.18);
  background: rgba(255,255,255,0.65);
  padding: 6px;
}
.mx_AuthBody .mx_Field input,
.mx_AuthBody .mx_Field select,
.mx_AuthBody .mx_ServerPicker { border-radius: 16px !important; }
.mx_AuthButtons .mx_AccessibleButton,
.mx_AccessibleButton_kind_primary,
button[type='submit'] { border-radius: 999px !important; }
.mx_AccessibleButton_kind_primary,
button[type='submit'] {
  background: linear-gradient(135deg, #2f7c52 0%, #4c995f 100%) !important;
  color: white !important;
}
.mx_AccessibleButton_kind_link,
a { color: #b6362d; }
.mx_SpacePanel .mx_AccessibleButton[aria-pressed='true'],
.mx_RoomTile_selected,
.mx_RoomSublist_tiles .mx_RoomTile:hover { background: rgba(241, 200, 75, 0.18) !important; }
.mx_RoomTile_selected { box-shadow: inset 3px 0 0 #d94439; }
.mx_NotificationBadge,
.mx_NotificationBadge_count,
.mx_UnreadCounter { background: #d94439 !important; color: #fff !important; }
.mx_LeftPanel { background: rgba(255, 251, 243, 0.78) !important; }
.mx_RoomView,
.mx_MainSplit,
.mx_MatrixChat { background: transparent !important; }


body > #matrixchat { width: 100% !important; min-width: 100% !important; }
#matrixchat .mx_MatrixChat,
#matrixchat .mx_MatrixChat_wrapper,
#matrixchat .mx_AuthPage,
#matrixchat .mx_AuthBody { width: 100% !important; }