/**
 * JMK Design System — main entry
 */
@import url('tokens.css');
@import url('reset.css');
@import url('components.css');
@import url('layout.css');
@import url('chat.css');
@import url('utilities.css');

:where(
  a,
  button,
  input,
  select,
  textarea,
  summary,
  [role="button"],
  .btn,
  .btn-jmk,
  .btn-jmk-outline,
  .btn-jmk-ghost,
  .gf-btn,
  .thread-item,
  .card-jmk--interactive
) {
  transition: all 260ms cubic-bezier(.4, 0, .2, 1) !important;
}

@media (max-width: 390px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  img,
  svg,
  video,
  canvas {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}