@import "tailwindcss";
/* import Konsta UI theme */
@import "konsta/react/theme.css";

@theme {
  --color-brand-primary: #007aff;
  --color-brand-red: #ff3b30;
  --color-brand-green: #4cd964;
  --color-brand-blue: #007aff;
  --color-brand-pink: #ff2d55;
  --color-brand-yellow: #ffcc00;
  --color-brand-orange: #ff9500;
  --color-brand-purple: #9c27b0;
  --color-brand-deeppurple: #673ab7;
  --color-brand-lightblue: #007aff;
  --color-brand-teal: #5ac8fa;
  --color-brand-lime: #00c853;
  --color-brand-deeporange: #ff4514;
}

/* В Konsta у .k-app есть min-h-screen (100vh).
  Если браузер поддерживает dvh, переопределяем высоту
  на более точную для мобильного viewport. */
@supports (min-height: 100dvh) {
  .k-app.min-h-screen {
    min-height: 100dvh;
  }
}

.only-emoji-msg div div {
  background-color: transparent !important;
}
