/**
 * SpicyChat web styles
 *
 * themes:
 * - *-light
 * - *-dark
 */

[data-mb-theme] {
  --mb-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, "sans-serif";
}

[data-mb-theme*="light"] {
  --mb-fg: #000;
  --mb-bg: transparent;
  --mb-badge-border: hsl(202.76999999999998 68.03% 52.16%);
  --mb-badge-fg: hsl(202.76999999999998 68.03% 52.16%);
  --mb-md-em: hsl(202.76999999999998 68.03% 52.16%);
  --mb-md-a: hsl(212.08000000000004 100% 48.04%);
  --mb-cta-bg: #000;
  --mb-cta-fg: #fff;
}

[data-mb-theme*="dark"] {
  --mb-fg: hsl(210 5.56% 92.94%);
  --mb-bg: transparent;
  --mb-badge-border: hsl(190.14 94.67% 44.12%);
  --mb-badge-fg: hsl(190.14 94.67% 44.12%);
  --mb-md-em: hsl(190.14 94.67% 44.12%);
  --mb-md-a: hsl(212.08000000000004 100% 48.04%);
  --mb-cta-bg: #fff;
  --mb-cta-fg: #000;
}

.mb-inline-ad {
  border-radius: 14px;
}