@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/fraunces144pt-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.conversejs[data-bs-theme=dracula],
converse-bg[data-bs-theme=dracula] {
  --background-color: #0a0a0b;
  --background-color-rgb: 10, 10, 11;
  --foreground-color: #f5f5f4;

  --primary-color: #7b8ea0 !important;
  --primary-rgb: 123, 142, 160;
  --primary-color-hover: #94a5b5 !important;
  --secondary-color: #a1a1aa !important;
  --secondary-rgb: 161, 161, 170;

  --chat-color: #7b8ea0;
  --chat-rgb: 123, 142, 160;
  --chat-header-bg-color: #131316;
  --chat-header-fg-color: #f5f5f4;

  --muc-color: #7b8ea0;
  --muc-rgb: 123, 142, 160;
  --muc-header-bg-color: #131316;
  --muc-header-fg-color: #f5f5f4;

  --link-color: #7b8ea0;
  --link-color-hover: #94a5b5;
  --heading-color: #f5f5f4;
  --headlines-color: #94a5b5;
  --subdued-color: #6b6b75;
  --disabled-color: #6b6b75;

  --highlight-color: #16161c;
  --highlight-color-hover: #1a1a20;
  --global-background-color: #0a0a0b;
  --selection-color: #2a2a31;

  --normal-font: 'Inter', system-ui, -apple-system, sans-serif;
  --heading-font: 'Inter', system-ui, sans-serif;
}

.conversejs .chatbox-title__text {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 400;
}

body.lounge .conversejs .controlbox-toggle,
body.lounge .conversejs converse-controlbox {
  display: none !important;
}