:root {
  --ds-brand-50:  #fdf2f7;
  --ds-brand-100: #fbd9e8;
  --ds-brand-300: #f090bd;
  --ds-brand-500: #d6336c;
  --ds-brand-600: #c02a5f;
  --ds-brand-700: #a11f4e;
  --brand: #d6336c;
}
/* login page uses its own button colour, so force it */
.button.button-primary, .button-primary,
.login-btn, .join-room-btn,
#loginButton, #joinSelectRoomButton {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}
.login-icon { background: var(--brand) !important; }

.site-header img { background:#fff; padding:4px; border-radius:6px; }

/* kill MiroTalk's swirl, lay down a brand gradient */
.illustration-section-01::before,
.illustration-section-01::after { background-image: none !important; }

body, .body-wrap {
  background: radial-gradient(1200px 600px at 50% 0%, #2a0f1c 0%, #12060d 45%, #0b0a0f 100%) !important;
}