@import './box.css';
@import './button.css';
@import './image.css';


@layer base {
  html {
    font-size: 16px; /* 1rem = 16px */
  }

  /* BODY */
  body {
    @apply bg-negative dark:bg-negative-dark text-negative-text dark:text-negative-dark-text text-base leading-normal;
  }

  /* TOUCH CONTROL */
  input, textarea, select, button {
    touch-action: manipulation; /* Prevent pinch zoom */
    -webkit-touch-callout: none; /* Disable long-press options */
  }

  /* CONTAINER */
  .container {
    max-width: 80rem !important;
  }
}